共计 608 个字符，预计需要花费 2 分钟才能阅读完成。
参考：https://blog.csdn.net/qq_2418…
一、变形原点
transform-origin(X,Y) 变形原点，默认值为中心位置（-webkit-,-moz-,-o-）x,y 的值可以为百分值，em,pxx → left,center,righty → top,center,bottom
top left|left top ==> 0 0
top|top center| center top ==>50% 0
left|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%)
二、旋转 rotate
transform:rotate(30deg)
三、移动 translate
transform:translate(100px 20px)
四、缩放 scale
transform:scale(2,1.5)
五、扭曲 skew
transform:skew(30deg,10deg)
基点：transform-origin(50%，50%) 默认值
正文完
