css - 对一个对象同时使用缩放和变换

标签 css

<分区>

如何在 css 中同时使用 transform 的 scale 和 translate 方法？

body{
  transform: scale(.5);
  transform: translate(-50%,0);
}

显然，上面的 css 规则(最后一个)覆盖了规则的前一行 transform: scale(.5) 并且它只应用了 translate。

那么，有什么方法可以将两者都用于一个对象？

_{这里object是指div组。}

最佳答案

把它们放在一起。

body{
  transform: scale(.5) translate(-50%,0);
}

关于css - 对一个对象同时使用缩放和变换，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27103314/

相关文章：

html - 以特定屏幕宽度将一个 div 移动到另一个 div 下方