CSS中的transform-origin
属性可以设置变换的起始位置,包括以下关键词:
top
:元素的上边缘bottom
:元素的下边缘left
:元素的左边缘right
:元素的右边缘center
:元素的中心点top left
:元素的左上角top right
:元素的右上角bottom left
:元素的左下角bottom right
:元素的右下角其中,可以使用关键词和数值进行组合,例如50% 50%
表示元素中心点的位置,left 20px
表示元素左边缘向右偏移20像素的位置。这个属性常用于配合CSS3的变换属性transform
使用,通过设置变换起始位置,可以实现从不同的方向进行变换的效果。