3d特效及动画：
perspective:值越大距离越远（给父元素添加）景深通常在：900-1200之间
3d旋转：rotate3d(x,y,z,度数)
注：xyz是一个矢量值，0不旋转，1旋转
eg：rotate3d(1,1,0,45deg)
3d缩放：scalaz()/scala3d(x,y,z)
让背面不可见：backface:visiblity:hidden;
动画：
1.制作关键帧：
@keyframes{
from{left:0;}
to{left:500px;}
}
2.调用关键帧：
1.简写方式:
animation:
动画的名称
动画的时间
延迟时间
动画的类型
2.动画循环的次数( 无限循环: infinite)
动画运动的方向( reverse alternate[先正后反]alternate-reverse先反后正)
运动的状态: animation-plat-state : running paused(暂停）停止的状态:animation-fill -mode: forwards ( 停在最后一帧)
动画的类刑:
linear匀速
ease默认值
step-start:马上跳到动画付一结束桢的状态
transition和animation的区别:
transition需要事件触发(例如:鼠标滑过)animation:自动触发
4.8 3d特效及动画
原文：https://www.cnblogs.com/xiaokeai233/p/12663738.html
