动画animation知识点

一、动画
1.animation-name 动画属性名
2.animation-duration 动画持续时间
3.animation-delay 动画延迟时间
4.animation-timing-function 动画速度曲线
5.animation-iteration-count 定义循环次数，infinite为无限循环
6.animation-driection：alternate 动画轮流反向播放
7.animation-play-state 动画状态 值 paused（running）
8.animation-fill-made forwards 保留最后一帧动画

二、变形
1.平移 translate （x、y、z单位为px）
2.旋转 rotate （x、y、z单位为deg）
3.伸缩 scale （x、y 写数值）
4.拉扯 skew （x、y单位为deg）
5.3d效果 transform-style： perserve-3d