CATALOGUE Code & Data Formation Ajax/jQuery Apprendre Ajax / JQuery Maîtriser les Animations avec la Fonction Animate en JavaScript

Maîtriser les Animations avec la Fonction Animate en JavaScript

Fonction Animate
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 à la Fonction Animate

Objectifs

A la fin de cette vidéo, vous serez capable de :
- Utiliser la fonction Animate pour animer plusieurs propriétés CSS
- Spécifier des durées d'animation et des fonctions d'accélération
- Utiliser des callbacks pour des actions post-animation
- Arrêter des animations en cours avec la fonction Stop

Résumé

Découvrez comment écrire votre propre fonction d'animation en utilisant Animate pour manipuler plusieurs propriétés CSS simultanément.

Description

Dans cette leçon, nous explorons l'utilisation de la fonction Animate pour animer des éléments de la page web en manipulant les propriétés CSS. Nous débutons par des exemples simples d'animation de la position et de la taille d'éléments jusqu'à des scénarios plus complexes impliquant l'ajout dynamique d'éléments et leur animation. Vous apprendrez à spécifier des durées d'animation, à utiliser des fonctions d'accélération et à appliquer des callbacks. Nous verrons également comment utiliser la fonction Stop pour interrompre des animations en cours. Cette leçon est idéale pour ceux qui souhaitent approfondir leurs connaissances en JavaScript et CSS.

Voir plus

Questions - réponses

Quelles propriétés CSS pouvons-nous animer avec la fonction Animate ?
Seules les propriétés CSS ayant des valeurs numériques peuvent être animées avec la fonction Animate.
Comment spécifier la vitesse de l'animation dans la fonction Animate ?
La vitesse de l'animation peut être spécifiée en ajoutant un paramètre de durée en millisecondes à la fonction Animate.
Que fait la fonction Stop dans le contexte des animations ?
La fonction Stop permet d'arrêter l'animation en cours sur un élément, de supprimer toutes les animations en attente pour cet élément ou de se rendre directement à la fin de l'animation.

Programme détaillé

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