matrix()

La fonction matrix() définit une matrice homogène de transformation, définie par 6 coefficients. Les paramètres de cette fonction sont ces coefficients, dans l'ordre des lignes puis des colonnes, suivis des coefficients de translation.

matrix(a, b, c, d, tx, ty) est une notation raccourcie, équivalente à matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1).

Syntaxe

matrix(a, b, c, d, tx, ty)

Valeurs

a b c d

Les coefficients de la matrice, de type <number>, qui définissent la transformation linéaire.

tx ty

Les coefficients de la matrice, de type <number>, qui définissent la translation à appliquer.

Exemples

HTML

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

CSS

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

.transformation{
  transform: matrix3d(0.87,-0.5,0,0.87,0,1);
  background-color: blue;
}

Résultat