旋转 rotate( deg)
transform:rotate(45deg);
对元素进行旋转,正值为顺时针,负值为逆时针
transform:rotateX(45deg);
元素围绕其 X 轴以给定的度数进行旋转
transform:rotateY(45deg);
元素围绕其 Y 轴以给定的度数进行旋转
transform-origin: % %;
定义旋转的原点。例如0 100%是做左下角
倾斜 skew( px, px)
transform:skew(x,y);
可以改变元素的位置。x y可以为负值
平移 translate( px, px)
transform:translate( px, px)
可以水平,垂直的改变元素的位置。
transform:translateX(12px)
水平移动12px;
transform:translateY(12px)
垂直移动12px;
扩大 scale(小数)
transform:scale(水平放缩比例,垂直放缩比例);
transform:scale(1.2)
不可为负数