过渡动画

过渡的属性，可以指定过渡的属性 , with 只有宽度有过渡效果 如果想看到多个过渡效果 多个属性用逗号隔开 width,background-color; 全部的过渡效果 all

• transition-property:all;


• 过渡的时间
• transition-duration: 700ms;


• 过渡过程的速率
• transition-timing-function: linear


• 过渡的延迟时间 正值 过一段时间才有过渡效果 负值-1s 过渡动画已经执行1s
• transition-delay: 1s;

---

• 一般和外观效果有关的样式都可以过渡 过渡动画只需要设置属性和过渡的时间 还可以设置过渡的速率 默认的是ease-in-out(开始慢 结束慢 中间快) linear 过渡的延迟时间