一、动画效果
1、Transform属性
Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。
有了这个属性,接下来就是设置动画的时间和动画的表现形式啦。
2、animation动画属性
语法:
animation:( animation-name animation–duration animation-timing-function animation-delay animation-iteration-count animation-direction)
下面让我们来看一下,这些值分别代表什么意思:
值 | 说明 |
animation-name | 由@keyframes创建的动画名称 |
animation–duration | 动画需要多少秒完成 |