scalex()
La fonction scalex() permet de modifier l'abscisse de chaque sommet de l'élément par un facteur multiplicateur. L'homothétie obtenue n'est pas isotropique et les angles de l'élément ne sont pas conservés.La fonction scalex(sx) est une notation raccourcie équivalente à scale(sx, 1) ou à scale3d(sx, 1, 1).
La fonction scalex(-1) définit une symétrie axiale par rapport à un axe vertical passant par l'origine du repère (définie grâce à la propriété transform-origin).
<style>
.fond {
width: 240px;
height: 180px;
border: 1px dotted black;
}
.carre {
width: 120px;
height: 120px;
background-color: palevioletred;
}
.carre#sca {
transform-origin: center;
transform: scalex(0.5);
}
</style>
<div class="fond">
<div class="carre"></div>
</div>
<br>
<div class="fond">
<div class="carre" id="sca"></div>
</div>