H5与C3权威指南笔记--transition动画

translation：过渡

举个栗子：transition: width 1s linear;

transition有三个属性，分别是transition-property, transition-duration,transition-timing-function.

因此上面的代码等价于

　　transition-property: width; 指定要被过渡（改变）的属性

　　transition-duration: 1s; 过渡所需时间

　　transition-timing-function: linear; 过渡所用方法

补充一下： timing也叫做easing，意思是“缓动”。过渡所用方法可以有很多种，也可以自定义方法，具体百度搜索相关工具~

transition可以指定过渡多个属性，逗号隔开。

还要一个额外属性是 transition-delay：秒数； 用于规定动画执行前延迟的时长。

举个栗子

标签：linear,3s,transition,transform,H5,过渡,C3,left
来源： https://www.cnblogs.com/sandraryan/p/10724438.html