transform

参考：https://blog.csdn.net/qq_2418…一、变形原点transform-origin(X,Y)变形原点，默认值为中心位置（-webkit-,-moz-,-o-）x,y的值可以为百分值，em,pxx → left,center,righty → top,center,bottomtop left|left top ==> 0 0top|top center| center top ==>50% 0left|left center|center left ==>0 50%center| center center ==>50% 50%(默认值)right|right center|center right ==>100% 50%bottom|bottom center|center bottom ==>50% 100%bottom left|left bottom ==>0 100%bottom right|right bottom ==>100% 100%transform-origin(25%,75%)二、旋转rotatetransform:rotate(30deg)三、移动translatetransform:translate(100px 20px)四、缩放scaletransform:scale(2,1.5)五、扭曲skewtransform:skew(30deg,10deg)基点：transform-origin(50%，50%)默认值