• 15 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 07/02/2024

Introduction du cours

Mais, que fait ce graphique bleu et vert ? Il bouge ? Pourtant, il a été codé en CSS, n'est-ce pas ? Regardons cela de plus près... Vous voulez voir le code ?

Des barres verticales qui grossissent et qui se réduisent en miroir

Vous avez travaillé dur pour acquérir des compétences en CSS. Il est maintenant temps de vous amuser. Vous allez plonger dans le monde des animations CSS pour donner vie à vos pages web !

Pour cela, nous allons découvrir comment faire des animations de qualité grâce aux 12 principes de l'animation, et étendre vos connaissances avec :

  • la fonction  transform

  • les pseudoéléments ;

  • les @keyframes ;

  • l'opacité, et les itérations.

Vous allez même découvrir comment ajouter de l'interactivité pour les utilisateurs de votre page :

Un carré qui pivote au clic de la souris

Mais attention, n'allez pas  croire que les animations servent juste de décoration. Cela permet véritablement d'améliorer l'expérience utilisateur de vos sites !

Un champ email qui devient rouge et qui tremble lorsque l'email n'est pas correct

Prêt à donner vie à vos pages web ? Alors, c'est parti !

Exemple de certificat de réussite
Exemple de certificat de réussite