1、transition-durationtransition-timing-functiontransition-delay , *transition 主要包含四个属性值：执行变换的属性：transition-property,变换延续的时间：transition-duration,在延续时间 段，变换的速率变化transition-timing-function,变换延迟时间transition-delay。下面分别来看这四个属性值一、transition-property:transition-property ： none | all | , , *transition-duration
2、是用来指定元素 转换过程的持续时间，取值：为数值，单位为s（秒）,可以作用于所有元素，包括:before和:after伪元素。其默认值是0，也就是变换时是即时的。三、transition-timing-function:transition-timing-function ： ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier（, ） , ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier（durationanimation typedelay
3、如下图所示：相对应的一个示例代码：p all .5s ease-in-out 1s;浏览器的兼容性:因 为transition最早是有由webkit内核浏览器提出来的，mozilla和opera都是最近版本才支持这个属性，而我们的大众型浏览器IE全 家都是不支持，另外由于各大现代浏览器Firefox,Safari,Chrome,Opera都还不支持W3C的标准写法，所以在应用 transition时我们有必要加上各自的前缀，最好在放上我们W3C的标准写法，这样标准的会覆盖前面的写法，只要浏览器支持我们的 transition属性，那么这种效果就会自动加上去： /Mozilla内核 -moz-transition ：transitio
升级会员 