css3D


移动:

 tansform 使块元素和内联块元素变形成为相应属性的值。

transform:translate

transform:translateX(600px); 沿X轴位移600像素
transform:translateY(600px); 沿Y轴位移600像素
transform:translateZ(600px); 沿Z轴位移600像素

 缩放scale

transform:scale(num) num是一个比例值,正常比例是1。

transform:scaleX()
transform:scaleY()
transform:scaleZ() 

旋转rotate

transform:rotate(num) num是旋转的角度 30deg
正值:顺时针旋转
负值:逆时针旋转
表示一个角:角度deg 或 弧度rad

斜切skew

transform:skew(num1,num2) : num1和num2都是角度,针对的是x 和 y
transform:skewX()
transform:skewY()

基点位置tranform-origin

主要是针对 旋转和缩放,默认都是中心点为基点。

相关