问答详情
源自:8-6 CSS3中的变形--原点 transform-origin

transform-origin问题 ,谢谢!

是这样吗? left是左称50%? top 向下50% ?

http://img.mukewang.com/56a1872b0001f08909430563.jpg

提问者:SuperManSuperWorld 2016-01-22 09:34

个回答

  • xiaomizhou66
    2019-01-11 13:55:00

    left 50% 是说中心离 left 边的距离是50%,也就是说水平方向上 元素中心距离不变

    top 也是一样的道理,

    transform-origin 其实就是在改变 元素中心的位置在父元素中的位置


    默认位置肯定是元素的中心的,也就是 50%,50%, 如果有第三个值的话就是 0 (也就是电脑屏幕)

  • Hew_520
    2016-06-30 11:06:43

    不是   现在原点在左上角那个顶点,以左上角顶点为坐标轴原点使对应的盒子进行旋转响应的角度

  • 幕_女神
    2016-01-22 14:07:39

    transform-origin:设置旋转的基点位置

    参考http://www.w3school.com.cn/cssref/pr_transform-origin.asp