第六节 css3动画之transform变换

<!-- transform变换:是静态的,并不是动画,可以和transition配合做成动画效果
1、translate(x, y) 设置盒子的位移,10px,10px
2、scale(x, y) 设置盒子的缩放 2,2 表示放大一倍
3、rotate(deg) 设置盒子的旋转
4、skew(x-angle, y-angle) 设置盒子的斜切
5、perspective 设置盒子的透明度
6、transform-style flat|perserve-3d 设置盒子是否按3d空间显示
7、translateX、translateY、translateZ 设置三维移动
8、rotateX、rotateY,rotateZ 设置三维旋转
9、scaleX,scaleY,scaleZ 设置三维缩放
10、transform-origin 设置变形的中心点
11、backface-visibility 设置盒子背面是否可见 -->

原文地址:https://www.cnblogs.com/kogmaw/p/12492451.html