2D 3D的运用

transform: translateX translateY 移动方向

transform: rotate 旋转以deg为单位

transform: scale 缩放 scaleX水平方向 scaleY垂直方向

transform-origin 旋转点两个方向

 如果对一个元素同时使用多个2d效果，需要注意顺序，没有固定顺序

 transform：translateX() rotate() scale

transform:translantZ 3D效果

animation-iteration-count：infinite 动画执行次数

animation-timing-function:运动曲线快慢 ease：先加速以低速结尾 linear：匀速 steps：一跳一跳的

animation-fill-mode: forwards; 到100%停在100%

animation-direction:alternate; 交替

animation-play-state:running 暂停