1、css3中没有animate,只有animation(动画属性)。使用方法:用@keyframes定义自定义动画,用animation引用该动画。最简单的写法:
1 |
|
例:
1 |
|
意思是在2s内运行自定义的scroll动画。
2、transition(过渡属性)。使css属性在一段时间内平滑过渡。最简单写法:
1 |
|
例:
1 |
|
意思是用2s时间过渡背景颜色。该属性比animation低级一些。不能自定义动画,只是模拟。
3、translate(位移)是transform(变换属性)的一种。最简单写法为:
1 |
|
例:
1 |
|
意思是元素在x轴上从当前位置移动到100px。