css3D效果的实现（透视的简单了解）

3D效果

tramsform-style: preserve-3D；保留3D效果；
backface-visibility 设置元素背面是否可见；

透视

perspective：透视（添加给父元素）
电脑是2D 平面，图像之所以具有立体感（3D 效果），其实只是一 种视觉干扰，通过透视可以实现此目的。
透视可以将 2D 平面，在转换的过程当中，呈现 3D 效果。当然并不是所有情况都需要透视。
值越小，透视越大，值越大，透视越小；

动画

a、通过@keyframes 指定动画序列；
b、通过百分比将动画序列分割成多个节点；（from与to定义单动画）
c、在各节点中分别定义各属性 ；
d、通过 animation 将动画应用于相应元素；
属性
animation-name 设置动画序列名称
animation-duration 动画持续时间
animation-delay 动画延时时间
animation-timing-function 动画执行速度，linear、ease 等
animation-play-state 动画播放状态，running、paused 等
animation-direction 动画逆播，alternate （相反方向）
animation-fill-mode 动画执行完毕后状态，forwards（结束前状态）、backwards（结束后状态）
animation-iteration-count 动画执行次数，inifinate（永久性）
帧动画： steps(60) 表示动画分成 60 步完成参数值的顺序