Comment ajouter l'animation Fade lors du défilement à un élément de site Web

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 enchaîné et de fondu enchaîné avec l'accent mis sur l'état opaque de l'objet ou du texte animé.

Aujourd'hui, de nombreux sites Web ont des éléments animés utilisés pour attirer l'attention en augmentant les visites, en améliorant l'image de marque et en ajoutant l'unicité des sites Web. Nicepage permet aux concepteurs Web, professionnels et novices, de créer des blocs riches en animations sans codage. Vous pouvez activer la propriété Loop Animation dans le panneau de propriétés pour ajouter de l'animation et de l'interaction à votre site Web, en apportant la puissance de JavaScript et CSS dans l'éditeur de site Web visuel.

Utilisez l'effet Bounce Animation pour déplacer l'élément vers le bas, vers le haut et rapidement vers le bas lors du défilement de la page. Vous pouvez activer l'animation de rebond sur défilement en cliquant sur le préréglage correspondant dans la section Animation sur défilement du panneau de propriétés.

Supposons que les effets d'animation standard sont trop petits pour votre idée de site Web et que vous devez mélanger plusieurs effets d'animation pour obtenir le résultat souhaité. Vous pouvez contrôler entièrement les propriétés disponibles pour les préréglages d'animation personnalisables. Et ne choisissez que les préréglages d'animation prédéfinis de la bibliothèque avec un minimum de réglages. Vous pouvez accéder au panneau de propriétés et personnaliser toutes les propriétés des effets de fondu, de déplacement, de zoom, de roulis, de rotation et de spirale.

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. Cet effet est également disponible en tant que préréglage, que vous pouvez trouver dans la section Animation sur défilement du panneau de propriétés.

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

Appliquez l'effet Retourner 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 flip pole soit par l'axe X ou l'axe Y. Vous pouvez sélectionner un élément, puis le préréglage de retournement pour l'animation sur le défilement dans le panneau des propriétés.

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.

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. Spécifiez l'effet de diapositive en ajoutant, en choisissant un élément, puis en cliquant sur le préréglage de diapositive dans la section Animation sur défilement du panneau de propriétés.

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 Web.

Vous pouvez utiliser les préréglages Animation On Scroll. Et il en existe deux types : les préréglages d'animation personnalisables, dont vous pouvez entièrement modifier les propriétés, les préréglages d'animation prédéfinis, que vous ne pouvez choisir que dans la bibliothèque et que vous pouvez ajuster au minimum.