CSS3之2D、3D转换及动画

一般在css中移动盒子有三种方法：定位、盒子的内外边距以及2d转换的移动；而这种移动不会影响周围其他盒子的布局，具有比较大的优点。

转换transform我们简单理解就是有变形2d和3d之分，属性有移动、旋转、缩放和中心点。中心点用orgin，移动：translate，旋转：rotate，缩放：scale；多个属性书写时，位移要放最前面。

2d旋转rotate（度数），里面单位是deg。

如分页按钮的做法用scale：

再如3d旋转的效果：

通过perspective也就是透视，像素越大，成像越小，原理为近大远小。

 

 动画打印字效果：

动画使用时需要先声明，@keyframes；再调用，需要先用上动画名