参考资料


旋转

transform: none;

transform: rotate(45deg);
transform: rotate(90deg);
transform: rotate(135deg);
transform: rotate(180deg);


倾斜:旋转截取+缩放截取

transform: skew(0,0);
transform: skew(-45deg,0);
transform: skew(-45deg,0) translate(40px,0);
transform: skew(-45deg,10deg);
transform: skew(-45deg,45deg);
transform: skew(-30deg,30deg);
transform: skew(-10deg,10deg);
transform: skew(45deg,0);
transform: skew(45deg,-10deg);
transform: skew(45deg,-45deg);
transform: skew(0,-45deg);
transform: skew(0,45deg);


缩放

transform: scale(1,1);
transform: scale(1,2);
transform: scale(1.4,1);
transform: scale(1.4,1.4);
transform: scale(1.4,1.4) rotate(45deg);


平移

transform: translate(0,0);
transform: translate(20px,0);
translate(20px,0) rotate(45deg);
transform: translate(0,20px);
translate(-20px,-20px)
translate(20px,20px)