欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

【CSS3】transform-origin以原点进行旋转_html/css_WEB-ITnose

程序员文章站 2022-04-06 10:46:23
...
话不多说,

以左上角为原点

-moz-transform-origin: 0 0;

-webkit-transform-origin:0 0;

-o-transform-origin:0 0;


以右上角给原点

-moz-transform-origin: top right;

-webkit-transform-origin:top right;

-o-transform-origin:top right;


以左下角为原点

-moz-transform-origin: 0 100%;

-webkit-transform-origin:0 100%;

-o-transform-origin:0 100%;


以右下角为原地啊

-moz-transform-origin: 100% 100%;

-webkit-transform-origin:100% 100%;

-o-transform-origin:100% 100%;