Faire défiler un élément en boucle

Vidéo

Dans cet épisode, Sacha, cofondateur de l'agence Webflow Gemeos vous montre comment faire défiler un élément en boucle.

‍

1. Sélectionnez l’élément qui va déclencher l’animation

1. Sélectionnez l’élément que vous souhaitez faire tourner (ex : link_wrapper_contact)
2. Cliquez dans le panneau d’interaction et choisissez le trigger “Scroll into view”

‍

2. Créez l’animation

1. Sélectionnez l’animation “Move”

‍

2. Attribuez une position par défaut à votre élément : 0 PX

‍

3. Ajoutez une transition pour modifier la position de l’élément et indiquez la durée de l’animation : - 2500 PX  en 40 sec (par exemple)

‍

4. Ajoutez une transition pour que l’élément reprenne sa position par défaut une fois le défilement terminé : 0 PX et 0s Duration

‍

3. Appliquez la caractéristique Loop à l’animation

Cochez “Loop” au niveau du trigger pour que l’animation se fasse en boucle