CATALOGUE Code & Data Formation Web App Créer son site internet avec Blocs 3 Comment utiliser les fonctions Delay et Loop pour vos animations web

Comment utiliser les fonctions Delay et Loop pour vos animations web

Répéter l'animation avec delay et loops
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créer son site internet avec Blocs 3
Revoir le teaser Je m'abonne
2,0
Transcription
Cette leçon fait partie de la formation
39,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
2,0
Cette leçon fait partie de la formation
39,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Paramétrage des options Delay et Loop pour les animations

Objectifs

Les objectifs de cette vidéo sont de vous permettre de comprendre et de configurer les réglages d'animation delay et loop sur une page web, ainsi que d'intégrer ces techniques dans un projet réel pour rendre les sites plus dynamiques.

Résumé

Apprenez à maîtriser les réglages d'animation avec les fonctions delay et loop pour créer des transitions fluides et attractives sur votre site.

Description

Dans cette leçon, nous explorerons deux fonctions essentielles pour les animations web: le delay (retard) et la loop (boucle). Le delay permet de définir le temps avant que l'animation ne se déclenche, créant ainsi des effets temporisés lorsque les utilisateurs défilent sur la page. Nous ajusterons le retard de l'animation pour tester des valeurs comme 0,2 secondes jusqu’à une seconde complète. La loop quant à elle, contrôle le nombre de répétitions de l'effet. Vous verrez comment configurer l'animation pour qu'elle se répète une, deux, trois fois ou encore à l'infini jusqu'à ce que l'utilisateur change de page ou fasse défiler le contenu. De plus, nous examinerons des exemples pratiques au sein d'un site réalisé entièrement avec Blocks, illustrant différents scénarios d'application des animations de droite à gauche, de haut en bas, et avec des effets de fading. En suivant cette leçon détaillée, vous serez en mesure de créer des sites web modernes et interactifs en utilisant ces techniques d'animation avancée.

Voir plus

Questions fréquentes

Qu'est-ce que la fonction Delay dans les animations web?
La fonction Delay permet de définir un laps de temps avant que l'animation ne démarre, ce qui peut créer des effets de temporisation lorsqu'un utilisateur défile sur une page web.
Quelle est la différence entre Delay et Loop?
Le Delay est utilisé pour retarder le début de l'animation, tandis que la Loop détermine le nombre de fois que l'animation se répète.
Quels sont les effets d'animation mentionnés dans la vidéo?
Les effets d'animation mentionnés incluent des transitions de droite à gauche, de haut en bas, le fade-in, le fade-out, et le zoom x2.

Programme détaillé

1 commentaire
2,0
1 vote
5
4
3
2
1
ricklabelle
Il y a 2 ans
Un survole très très large de ce logiciel... Plein d'options qu'on n'explique pas. Manque cruellement de profondeur ! Le formateur lit toutes les options affichés sans donner d'explications sur leur fonction !

Décevant !

R