相关文章推荐
奔跑的西瓜  ·  WPF ...·  1 年前    · 
行走的猴子  ·  飞猪 - 开放平台·  1 年前    · 

css transform scale 中心

使用 CSS transform 的 scale() 方法可以对元素进行缩放,默认情况下,缩放是以元素的左上角为中心点进行的。

要让缩放以元素的中心为中心点,需要在元素上设置 transform-origin 属性。将 transform-origin 设置为 “center” 即可实现以元素中心为中心点的缩放。

.element {
    transform: scale(2);
    transform-origin: center;

这样就可以实现将元素缩放为原来的两倍,且缩放中心为元素的中心点。

  •