2021-05-08

                动画过渡 transition

 

开发工具与关键技术： js

作者：门到门

撰写时间：2021/5/3

transition 是一个复合属性，包含一下几个子属性： 

transition-property：指定过渡或动态模拟的 CSS 属性； l transition-duration：指定过渡完成所需的时间； 

transition-timing-function：指定过渡函数；

transition-delay：指定开始出现的延迟时间；

1.transition-property 具有过渡动画的 CSS 属性有：

注意：当”transition-property”的属性值为 all 时，表示的是所有初始状态设置了 样式的属性；

2.transition-duration ——该属性主要用于设置一个属性过渡到另一个属性所需的时间，即持续时间；

3.transition-timing-function ——即“缓冲函数”，指过渡效果的时间曲线，包括以下几种：

4.transition-delay ——设置一个动画开始执行的时间；

综上，transition 的语法：

transition:transition-property transition-duration transition-timing-function transition-delay;