Créer des animations en CSS, sans aucune programmation
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
43m57
de formation
8
leçons vidéo
4
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Créer des animations en CSS, sans aucune programmation

4.8/5 Trustpilot (1391 avis) Satisfait ou remboursé
43m57
de formation
8
leçons vidéo
4
chapitres

Dans ce tuto CSS en vidéo, je vous propose d'apprendre à réaliser des animations pour votre site Internet, sans aucune programmation !

Pas de JavaScript, ni de jQuery pour réaliser des animations ?
Oui, c'est possible grâce à CSS3 !
 

Au programme de ce tuto CSS 3 animation

Nous allons apprendre à déclarer des animations et à les faire fonctionner en utilisant certaines propriétés CSS3 ainsi que des règles CSS.

Nous apprendrons à gérer le temps afin d'obtenir des animations qui répondent parfaitement à nos attentes !

Afin de consolider notre apprentissage, nous réaliserons un carrousel en pure HTML5 & CSS3 !

  • Un QCM est fourni avec le cours pour valider vos connaissances.
  • Les fichiers de travail sont fournis. 
  • Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Définir une animation
Chapitre 3
Règles d'une animation
Chapitre 4
Application

Table des matières

Chapitre 1 : Introduction

17m22
 
Leçon 1Comprendre le fonctionnement des animations
Leçon 2Fonctionnement, théorie

Chapitre 2 : Définir une animation

09m45
 
Leçon 1Délais de l'animation
Leçon 2Compter le nombre de fois que se joue l'animation
Leçon 3Contrôler la direction de l'animation
Leçon 4Une super propriété

Chapitre 3 : Règles d'une animation

03m37
 
Leçon 1Les règles d'une animation

Chapitre 4 : Application

13m13
 
Leçon 1Création d'un caroussel sans JavaScript

Avis des apprenants

Détail des avis
191
Apprenants
11
Commentaires
5/5
Note moyenne
5/5
10
4/5
1
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 29/01/2023
Merci Carl pour ce cours sur les animations en CSS ! J’ai adoré la façon dont vous avez expliqué chaque propriété clé, notamment `animation-duration`, `animation-name` et `@keyframes`, rendant leur utilisation très claire. L’exemple pratique du carrousel en pur HTML5 & CSS3 est une vraie pépite : simple à comprendre et super efficace. Pouvoir créer des animations fluides sans une seule ligne de JavaScript, c’est un vrai gain en performance et accessibilité. Un tuto complet et concret qui va direct dans ma boîte à outils ! Validé 100%. 👍
Carl Brison
Carl Brison
Merci pour votre commentaire très gentil, Alain ;-)
Valérie Crouau
Valérie Crouau
Publié le 01/09/2021
Un tuto agréable et néanmoins très efficace pour la rentrée, je ne connaissais pas cette méthode d'animation, facile à utiliser et sans prise de tête. Tout cela pour dire que le mot fin n'existe pas en informatique et que l'on trouve toujours quelque chose de nouveau à apprendre, quel que soit notre niveau !
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Valérie ;-)
Fabrice Chapier
Fabrice Chapier
Publié le 14/08/2020
Tutoriel efficace et très bien expliqué ! Merci M. Brison.
Carl Brison
Carl Brison
Merci

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
43m57 de vidéo • 4 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 769 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données