How to scale from left to right only

Question

This is my css code

 body
 {
  transform: scaleX(0.67);
 }

In this my entire website shrink both from right and left.but i need only scale

Answer 1

You add transform-origin which define from which position the transform should occur.

Its default value is center center (50% 50%) and you need left center (0 50%)

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