transition有什么需要注意的地方？

[Chocolate1999]

[HearLing]

1.过渡transition是一个复合属性，一些版本浏览器不支持（IE9），四个属性只能用空格隔开，四个属性分别是

transition-property: 过渡属性(默认值为all)
transition-duration: 过渡持续时间(默认值为0s)
transiton-timing-function: 过渡函数(默认值为ease函数)
transition-delay: 过渡延迟时间(默认值为0s)

2.过渡持续时间，不能为负值，必须带单位（0s为默认），为多值时，过渡属性按照顺序对应持续时间 3.过渡延迟时间，若为负值，无延迟效果，起始值将从0变成设定值(设定值=延迟时间+持续时间)。若该设定值大于0，则过渡元素从该设定值开始完成剩余的过渡效果，否则无效果。 4.若transition效果发生在伪元素上，IE浏览器将不会触发transitionEnd事件 5.过渡分为两个阶段：前进阶段和反向阶段。transitionend事件在前进阶段结束时会触发，在反向阶段结束时也会触发 6.过渡事件触发的次数与transition-property过渡属性的个数有关。过渡属性有几个就会触发几次（在低版本webkit内核浏览器里只触发1次） 7.如果过渡延迟时间为负值，且绝对值大于等于过渡持续时间时，低版本webkit内核浏览器不会产生过渡效果，但会触发过渡事件；而其他浏览器即不会产生过渡效果，也不会触发过渡事件 8.当过渡事件执行完后，应及时使用removeEventListener取消绑定，以免对其他效果造成影响

[HearLing]

网页链接：https://www.cnblogs.com/xiaohuochai/p/5347930.html