过渡动画

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

transition-property:all;
过渡的时间 transition-duration: 700ms;
过渡过程的速率 transition-timing-function: linear
过渡的延迟时间 正值 过一段时间才有过渡效果 负值-1s 过渡动画已经执行1s transition-delay: 1s;

---

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

转载于:https://www.cnblogs.com/baixuezhemei/p/guodudonghua.html