• 15 hours
  • Medium

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 9/30/19

Log in or subscribe for free to enjoy all this course has to offer!

Course introduction

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 !

Example of certificate of achievement
Example of certificate of achievement