总结：

观察者远近 perspective：指定距离，必须带像素单位px

[ 观察者视角 perspective-origin：一般默认居中即可 ]转换 transform 包含：rotate,translate,scale,matrix,perspective

子元素3D效果 transform-style : preserve-3d | flat

[ 对象transform-origin一般默认居中即可 ]

[ 元素背面 backface-visibility：一般默认可见即可 ]

元素旋转方向 rotate：X轴左手定则 Y轴右手定则

过渡transition包含：property  duration ease delay

动画：

1、创建规则：

@keyframes 规则名X {

    from : { ... }

    20% : { ... }

    50%: { ... }

    75% : { ... }

    to : { ... }

}

2、使用规则：

div{

    animation : 规则名Ｘ  duration ease delay infinite reverse ;

}