On a un élement parent, et une image à l'intérieur.

On veut appliquer un scale() en % à l'image et caler cette image sur le bort droite de son parent avec un translateX().

Imaginons que la variable –myscale est le pourcentage de scale :

--myscale: 72%;

1er cas : Le translateX() est AVANT le scale() :

.element { transform : translateX( calc( (100% - var(--myscale)) / 2) ) scale( var(--myscale) ); }

2ème cas : Le translateX() est APRES le scale() :

.element { transform : scale( var(--myscale) ) translateX( calc( (5000 / var(--myscale)) - 50) ); }