Home  >  Article  >  Web Front-end  >  【CSS3】transform-origin rotates with the origin_html/css_WEB-ITnose

【CSS3】transform-origin rotates with the origin_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:51:481578browse

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



Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn