CATALOGUE Code & Data Formation Ajax/jQuery Apprendre Ajax / JQuery Maîtrisez les effets de slide et de fade avec CSS et JavaScript

Maîtrisez les effets de slide et de fade avec CSS et JavaScript

Mouvement et transitions
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Ajax / JQuery
Revoir le teaser Je m'abonne
5,0
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction aux effets d'animation CSS

Objectifs

Les objectifs de cette vidéo sont de:
- Maîtriser les effets de slide et de fade en CSS et JavaScript.
- Utiliser les fonctions slideUp, slideDown, slideToggle, fadeIn, fadeOut et fadeTo pour manipuler les éléments HTML.
- Comprendre l'application des vitesses d'animation personnalisées.

Résumé

Dans cette leçon, nous explorons les effets de slide et de fade en CSS et JavaScript, en examinant les fonctions slideUp, slideDown, slideToggle, fadeIn, fadeOut et fadeTo.

Description

Cette leçon couvre les effets d'animation essentiels pour les développeurs web. Nous commençons par les effets de disparition et apparition, et nous les complétons par des effets de slide pour modifier la hauteur d'un élément. Les fonctions slideUp, slideDown et slideToggle permettent de contrôler le mouvement d'éléments comme des images. Par exemple, la fonction slideUp enroule une image vers le haut et slideDown la déroule. Ces fonctions peuvent prendre en argument des vitesses prédéfinies ou personnalisées.

Nous passons ensuite aux effets de fade pour manipuler l'opacité des éléments. Les fonctions fadeIn, fadeOut et fadeTo contrôlent l'apparition et la disparition progressive des éléments. Par exemple, fadeTo avec une valeur d'opacité de 0.5 appliquera une opacité de 50% à l'élément ciblé. Ces fonctions peuvent être combinées avec des vitesses spécifiques ou des mots-clés comme slow.

Enfin, nous analysons l'utilisation des callbacks, permettant l'exécution de fonctions supplémentaires une fois les animations terminées, assurant ainsi des transitions fluides et contrôlées dans l'interface utilisateur.

Voir plus

Questions - réponses

Programme détaillé

1 commentaire
5,0
1 vote
5
4
3
2
1
zohor.souhila
Il y a 3 ans
Excellente formation!