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
主要是针对 旋转和缩放,默认都是中心点为基点。