Déformer horizontalement et verticalement en décalant l'origineSection

by zerrax

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/fr/docs/Web/CSS/transform-function/scale -->

<p>toto</p>
<p class="transformation">truc</p>

CSS

p { 
  width: 50px;
  height: 50px;
  background-color: teal;
}

.transformation {
  /* identique à scaleX(2) scaleY(0.5) */
  transform: scale(1, 2);
  transform-origin: left;
  background-color: blue;
}