【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%;