对于transtion的理解

通过过渡transition，可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。

定义

过渡transition是一个复合属性，包括transition-property、transition-duration、transition-timing-function、transition-delay这四个子属性。通过这四个子属性的配合来完成一个完整的过渡效果:

transition-property: 过渡属性(默认值为all)

transition-duration: 过渡持续时间(默认值为0s)

transiton-timing-function: 过渡函数(默认值为ease函数)

transition-delay: 过渡延迟时间(默认值为0s)

注：transition-duration 时长为0，不会产生过渡效果

---

改变多个css属性的过渡效果时：

a{ transition: background 0.8s ease-in 0.3s,color 0.6s ease-out 0.3s;}

子属性

ease:由快到慢到更慢
linear:恒速
ease-in:越来越快
ease-out:越来越慢
ease-in-out:先加速后减速