transform缩放的中心点

transform-origin: 50% 50% 0 /这是默认值，中心点为起点
transform-origin: 100% 100% 0 /以右下角为起点
transform-origin: 0 0 0 /*以左上角为起点

注意，Chrome和[Safari浏览器要加前缀，即 -webkit-transform-origin
另，第三个参数是z轴的起点，在[3D转换]中才有作用，scale中无效。

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

推荐阅读更多精彩内容

  • CSS3transform属性详解
    Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭...
    hzrWeber阅读 22,176评论 0赞 19
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 9,700评论 0赞 8
  • CSS3 Transform——transform-origin
    关于css3变形 CSS3变形是一些效果的集合，比如平移、旋转、缩放和倾斜效果，每个效果都被称作为变形函数（Tra...
    hopevow阅读 6,410评论 2赞 13
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,338评论 0赞 11
  • 3月13感赏
    感赏舅舅开车陪我去换身份证。 感赏派出所的工作人员态度很好、办事效率高。 感赏妈咪帮我找她们学校的学生为我的硕士...
    猫公主喵阅读 264评论 0赞 0