美文网首页
transform-origin

transform-origin

作者: 小小美呀 | 来源:发表于2018-01-08 11:36 被阅读0次

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

默认值: 50% 50% 0
继承性: no
版本: CSS3
JavaScript 语法: object.style.transformOrigin="20% 40%"

语法:transform-origin: x-axis y-axis z-axis;

x-axis
定义视图被置于 X 轴的何处。可能的值:

  • left
  • center
  • right
  • length
  • %

y-axis
定义视图被置于 Y 轴的何处。可能的值:

  • top
  • center
  • bottom
  • length
  • %

z-axis
定义视图被置于 Z 轴的何处。可能的值:

  • length

相关文章

  • CSS3

    transform-origin 用 transform-origin 时,坐标系实际上是这样的

  • css3系列之transform 详解rotate

    rotate: 旋转该元素,配合着transform-origin属性,transform-origin 是设置旋...

  • CSS-变形transform

    2D变形 transform-origin可以改变旋转的中心点,两种方式transform-origin:left...

  • transform-origin

    transform-origin:设置旋转元素的基点位置 默认值: 50% 50% 0继承性: no版本: CSS...

  • css-缩放

    transform-origin:left top; -webkit-transform:scale(0.79);...

  • css3--动画

    转换—transform transform-origin: transform-style:flat | pre...

  • 变形中心点,走路

    transtition 和 transfrom 配合使用 transform-origin : 中 中; 来设置位...

  • transform-变形

    移动translate 缩放scale 旋转rotate 扭曲skew transform-origin:改变元素基点

  • 圆环

    思路:div套div的形式,这样transform-origin就不会变

  • # 2D转换模块 transform(旋转/缩放/平移)

    # 2D转换模块 transform(旋转/缩放/平移) # 形变中心 transform-origin # 旋转...

网友评论

      本文标题:transform-origin

      本文链接:https://www.haomeiwen.com/subject/ecovnxtx.html