transform-origin: 50% 100%
时间: 2024-06-16 20:02:49 浏览: 133
CSS transform-origin属性的理解
transform-origin属性用于指定元素变换的原点,即变换操作的中心点。在这个例子中,transform-origin: 50% 100%表示元素的变换原点位于元素的水平中心点和垂直底部。
具体来说,50%表示元素的水平中心点,而100%表示元素的垂直底部。这意味着在应用变换时,元素将以其水平中心点为中心进行旋转、缩放或倾斜等操作,并以其底部为基准进行变换。
阅读全文