transform-origin: 50% 100%怎么理解
时间: 2024-06-16 22:02:50 浏览: 66
利用CSS3的transform做的动态时钟效果
transform-origin: 50% 100% 是CSS中的一个属性,用于定义元素变换的原点位置。具体解释如下:
- "50%" 表示元素变换的水平方向上的原点位置位于元素宽度的50%处。
- "100%" 表示元素变换的垂直方向上的原点位置位于元素高度的100%处,即底部。
这个属性通常与transform属性一起使用,用于指定元素变换的中心点。通过改变transform-origin的值,可以实现不同的变换效果,例如旋转、缩放、倾斜等。
阅读全文