关于CSS3转换2D,3D过渡与动画方法

总结：

观察者远近 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 ;

}