Home > Article > Web Front-end > 【CSS3】transform-origin rotates with the origin_html/css_WEB-ITnose
Not much to say,
Use the upper left corner as the origin
-moz-transform-origin: 0 0;
-webkit-transform-origin :0 0;
-o-transform-origin:0 0;
Use the upper right corner as the origin
-moz-transform-origin: top right;
-webkit-transform-origin:top right;
-o-transform-origin:top right;
Take the lower left corner as the origin
-moz-transform-origin: 0 100%;
-webkit-transform-origin:0 100%;
-o-transform-origin:0 100%;
Use the lower right corner as the original position
- moz-transform-origin: 100% 100%;
-webkit-transform-origin:100% 100%;
-o-transform-origin:100% 100%;