各大主流瀏覽器並沒有使用標準屬性實現動畫特性，需要加字首。
其中，safari和chrome字首為-webkit,firefox字首為-moz,opera為-o（ie為-ms，不過低版本的IE釋出在CSS3規則釋出之前，建議不要指望所有IE支援動畫了，IE11支援大部分css3）。
過渡效果，一般是由瀏覽器直接改變元素的css屬性的，比如懸停改變。
1.瀏覽器支援情況：
Internet Explorer 10、Firefox、Chrome 以及 Opera 支援 transition 屬性。
Safari 需要字首 -webkit-。
註釋：Internet Explorer 9 以及更早的版本，不支援 transition 屬性。
註釋：Chrome 25 以及更早的版本，需要字首 -webkit-。
2.過渡屬性
transition-delay 指定過渡開始之前的延遲時間，值為時間，單位ms
transition-duration 指定過渡持續時間，值為時間，單位ms
transition-property 指定過渡屬性 值為字串，如color等，用逗號隔開，省略預設為所有效果
transition-timing-function 指定計算中間速率值的方式，即過渡時初始值和結束值中間的值，用五種預設曲線可以選擇
ease 預設 先快後慢；ease-in 先慢後快；ease-out 先快後慢，但加速度較大； ease-in-out 先慢後快，加速度較大； linear 均速
transition 簡寫格式
transition:transition-property transition-duration transition-timing-function transition-delay
過渡：屬性 持續時間 過渡方式 延遲時間
3.反向過渡,如懸停效果時，一旦滑鼠移開，會立刻回到初始狀態，所以，過渡會成對出現以便平滑過渡。
4.例
.class{
font-size:large;
transition:10ms 250ms;
-webkit-transition:10ms 250ms;
}
.class:hover{
font-size:x-large;
transition:100ms 500ms;
-webkit-transition:100ms 500ms;
}