css3属性transform-origin

用图解记录下transform-origin:
演示地址:http://sandbox.runjs.cn/show/mucxvs7c

transform-origin一般取值为:

(0%,0%) -----绕左上角
(100%,0%)----绕右上角
(100%,100%)---绕右下角
(0%,100%)----绕左下角

css3属性transform-origin_第1张图片
transform-origin:0% 0%---绕左上角
css3属性transform-origin_第2张图片
transform-origin:100% 0%---绕右上角
css3属性transform-origin_第3张图片
transform-origin:100% 100%---绕右下角
css3属性transform-origin_第4张图片
transform-origin:0% 100%---绕左下角

你可能感兴趣的:(css3属性transform-origin)