CSS Transitions

CSS Transitions 提供了一种在更改CSS属性时控制动画速度的方法,并不是帧动画，

transition 有四个属性：

1. transition-property指定应用过渡属性的名称。
2. transition-delay属性规定了在过渡效果开始作用之前需要等待的时间。
3. transition-duration 属性以秒或毫秒为单位指定过渡动画所需的时间。默认值为 0s ，表示不出现过渡动画。
4. transition-timing-functionCSS属性受到 transition effect的影响，会产生不断变化的中间值，而 CSS transition-timing-function 属性用来描述这个中间值是怎样计算的。实质上，通过这个函数会建立一条加速度曲线，因此在整个transition变化过程中，变化速度可以不断改变。
5. transitiontransition CSS 属性是 transition-property，transition-duration，transition-timing-function 和 transition-delay 的一个简写属性。

transition 需要一个触发动作，可以通过

• 可以通过 :hover 等来触发
• 可以通过改变class 等来触发

示例代码

【笔记不易，如对您有帮助，请点赞，谢谢】