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.
Table des matières de cette formation CSS (durée : 43m57s)
-
Introduction
- Comprendre le fonctionnement des animations gratuit 00:15:15
- Fonctionnement, théorie 00:02:07
-
Définir une animation
- Délais de l'animation 00:03:31
- Compter le nombre de fois que se joue l'animation 00:01:43
- Contrôler la direction de l'animation 00:02:37
- Une super propriété 00:01:54
-
Règles d'une animation
- Les règles d'une animation 00:03:37
-
Application
- Création d'un caroussel sans JavaScript 00:13:13
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour ce cours sur les animations indémodables qui me sera très utile. Encore un outil en plus dans ma caisse à outils. 👍 Tuto clair et pédagogique. Validé 100 % animations CSS.
-
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 !
-
Tutoriel efficace et très bien expliqué ! Merci M. Brison.
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés