过渡动画
- transition-property:all;
- 过渡的时间
- transition-duration: 700ms;
- 过渡过程的速率
- transition-timing-function: linear
- 过渡的延迟时间 正值 过一段时间才有过渡效果 负值-1s 过渡动画已经执行1s
- transition-delay: 1s;
- 一般和外观效果有关的样式都可以过渡 过渡动画只需要设置属性和过渡的时间 还可以设置过渡的速率 默认的是ease-in-out(开始慢 结束慢 中间快) linear 过渡的延迟时间