各大主流浏览器并没有使用标准属性实现动画特性，需要加前缀。
其中，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;
}