如何仅从左到右扩展

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;
}