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:秒数; 用于规定动画执行前延迟的时长。
举个栗子