Nous pouvons ajouter du mouvement à nos pages web. Les transformations modifient la forme et la position d'un élément tout en laissant le reste de la page inchangé. En conséquence, nous serons en mesure de créer les effets suivants :

Nous pouvons ajouter un redimensionnement aux éléments :

Nous pouvons ajouter une rotation aux éléments :

Nous pouvons ajouter une translation aux éléments :

Nous pouvons ajouter une inclinaison aux éléments :

Remarque

Nous obtenons tous ces effets grâce à une seule propriété - transform en utilisant différentes valeurs. Il est également important de mentionner que animation et @keyframe sont ajoutés uniquement pour montrer la différence entre l'état initial et l'état final de l'élément. Cela ne signifie pas que transform est utilisé uniquement avec certaines animations. Nous examinerons tous les effets dans les chapitres suivants en détail.