Quoi de mieux que de pouvoir mettre en place des animations sur une page web sans nécessairement devoir utiliser un langage de programmation tel que le langage JavaScript !

Je vous propose dans ce tutoriel, de vous apprendre à créer très facilement des animations en utilisant uniquement le langage CSS. Nous verrons qu'il est vraiment très facile de sélectionner n'importe quel élément HTML et de le manipuler grâce à quelques propriétés et règles CSS simples et rapides à mettre en place.

En guise d'exemple concret, nous mettrons en place une page web contenant un slider qui sera réalisé uniquement à l'aide du langage CSS. Lors de cette réalisation, nous prendrons également en compte le facteur responsive. Cela aura pour conséquence de bien penser notre animation de slider afin que celle-ci puisse s'adapter automatiquement à l'ensemble des écran qui viendraient visiter la page web.

La mise en place d'animations sur une page web permet d'augmenter l'expérience utilisateur et de casser le côté statique d'une page web.
Attention cependant à ne pas tomber dans l'excès d'animation, ce qui pourrait nuire à la qualité de vos pages internet.

En utilisant uniquement le langage CSS afin de mettre en place des animations, nous allégeons notre code et nous ne sommes pas obligé d'apprendre un langage de programmation frontend, ce qui peut être une bonne chose si on est allergique à la programmation !