css3属性transform-origin

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

transform-origin一般取值为：

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

transform-origin:0% 0%---绕左上角
transform-origin:100% 0%---绕右上角
transform-origin:100% 100%---绕右下角
transform-origin:0% 100%---绕左下角
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS3
    1、属性选择器：id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,666评论 0赞 7
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 9,720评论 0赞 8
  • 理解SVG transform坐标变换(转)
    byzhangxinxufromhttp://www.zhangxinxu.com 本文地址：http://www...
    凌雲木阅读 7,256评论 0赞 8
  • CSS3 Transform——transform-origin
    关于css3变形 CSS3变形是一些效果的集合，比如平移、旋转、缩放和倾斜效果，每个效果都被称作为变形函数（Tra...
    hopevow阅读 6,424评论 2赞 13
  • 05 - CSS3新增属性汇总
    本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,欢迎移步本人博客!! 博客地址 点击跳转...
    西巴撸阅读 3,242评论 0赞 9