Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
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
Introduction
Chapitre 2
Définir une animation
Définir une animation
Chapitre 3
Règles d'une animation
Règles d'une animation
Chapitre 4
Application
Application
Plan détaillé du cours
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