1.动画属性（1）定义动画@keyframes动画名称{keyframefrom{}to{}}@keyframes动画名称{关键帧划分时间，一般是一个百分比增量应该是一样的0%-100%例如,完成整个动画需要5s0%{}0s10%{}0.5s20%{}1s50%{}2.5s100%{}5s}(2)使用animation动画-name：动画名称animation-duration：动画执行时间s/msanimation-delay：动画延迟时间s/msanimation-timing-function：linear（匀速）/ease-in（加速）/ease-out（减速）/ease-in-out(slow-fast-slow)animation-iteration-count:number/infinite(无限次)animation-direction:reverse(关键帧反向播放)/alternate(关键帧交替播放0%-100%-0%)animation-fill-mode：动画停止的关键帧。如果使用这个属性，不能设置死循环，否则不会停止。forwards（最后一个关键帧）/backwards（第一个关键帧）animation-play-state:running（运行）/paused（停止）复合写法：animation：动画名称动画执行时间动画延迟时间动画效果执行次数2.3d位移Z轴位移变换：translateZ(value+px)不使用百分比xyz位移变换：translate3d(x轴位移，y轴位移，z轴位移)3.3d旋转x轴旋转变换：rotateX(value+deg)y轴旋转变换：rotateY(value+deg)xyzbothrotatetransform:rotate3d(a,b,c,d)abc取值为0或1。0表示不旋转，1表示旋转。d是旋转的度数，也可以用tranform:rotateX()rotateY()rotateZ();形成一个3d舞台：在父元素上添加，看到效果后，需要添加旋转（旋转x，y，因为有些效果在初始平面是看不到的）transform-style:flat(plane)/preserve-3d(空格)Backhidden：设置透明度后，但不想看到后面的内容，给元素backface-visibility:hidden；视角：值+px；值越小越近，看到的越大
