Comment utiliser l'animation sur défilement dans la conception Web

L'animation sur défilement est l'effet de base du chargement et du défilement des pages Web. Vous pouvez l'ajouter en sélectionnant un élément, puis en allant dans le panneau des propriétés. Cliquez sur le lien On Scroll et cochez la case Animation. Sélectionnez un préréglage et personnalisez l'effet On Scroll si nécessaire. Aperçu pour voir l'animation sur l'effet de défilement.
Animation en défilement

Parcourir par catégories de fonctionnalités

Effet d'animation de fondu

L'effet Fondu est une transition stylistique dans laquelle un élément, comme une image, un texte ou un arrière-plan, disparaît progressivement et réapparaît sur la page Web.

Effet d'animation de diapositive

Ajoutez l'Effet si vous souhaitez que votre élément se déplace progressivement d'un point à un autre dans une direction particulière lors du chargement ou du défilement de la page.

Effet d'animation de zoom

L'effet de zoom est la transition d'une apparence progressive tout en modifiant la taille d'un élément. Il permet de fermer un élément lors du chargement ou du défilement d'une page Web.

Effet d'animation de retournement

Appliquez l'effet Flip pour implémenter la semi-rotation d'un élément, ce qui vous permet de voir à la fois le recto et le verso de l'élément actuel. Vous pouvez choisir le pôle de basculement par l'axe X ou l'axe Y.

Effet d'animation de rebond

Utilisez l'effet Bounce Animation pour déplacer l'élément vers le bas, vers le haut et vers le bas à nouveau rapidement lors du défilement de la page.

Faire pivoter l'effet d'animation

L'effet de rotation définit une transformation qui fait pivoter un élément autour d'un point fixe sur la page sans déformation.

Effet d'animation de boîte

The Box, ou Jack In The Box, crée un effet de transition imitant un mouvement de blague populaire. Cela commence par le fondu central et continue avec des secousses d'un côté à l'autre.

Effet d'animation flash

L'animation Flash, également associée au clignotement, est également populaire pour attirer l'attention des visiteurs. Il apparaît comme une série de transitions de fondu d'entrée et de sortie avec l'accent sur l'état opaque de l'objet ou du texte animé.

Effet d'animation de charnière

Avec l'effet de charnière, un élément se retourne ou fait se retourner avec un mouvement rapide et soudain s'arrêtant au point d'une charnière imaginable. Cette transition naturelle peut ajouter de la surprise à l'interaction dans votre conception de sites Web.