如何仅从左到右扩展

Question

这是我的css代码

 body
 {
  transform: scaleX(0.67);
 }

在这个我的整个网站从右和左缩小.但我只需要从左侧缩放我该怎么做

Answer 1

我相信变换起源在这里有用:

body {
    transform:scale(0.67);
    transform-origin:left center;
}

Answer 2

您可以添加transform-origin哪个定义转换应该发生的位置.

它的默认值是center center(50% 50%)你需要left center(0 50%)

body
{
  transform: scaleX(0.67);
  transform-origin: left center;
}