Effet de parallaxe Wix

• Mai 3, 2024

Une belle animation trouvée sur les sites Web Wix est l'effet de défilement de parallaxe. Ce n'est pas une véritable animation, mais cela ajoute l'illusion de mouvement, de profondeur et de dimension à votre page Web.

Cet effet est populaire depuis plusieurs années et est un bon moyen d'ajouter un peu d'intérêt à un site Web sans ajouter d'animation écrasante. Le défilement de parallaxe est créé lorsque vous demandez au navigateur de faire défiler l'image d'arrière-plan à un rythme plus lent que les autres éléments de la page. Comme vous vous en doutez, l'effet de défilement est idéal pour ces longs sites Web d'une page.

Cette technique est créée avec des éléments JavaScript, CSS et div. Juste une note à garder à l'esprit est que la plupart des appareils mobiles ont un problème avec le CSS fixe en arrière-plan. Ainsi, Wix désactive l'effet pour les appareils mobiles.

Mais lors de la création de votre site Web Wix, aucun codage n'est impliqué. C'est aussi simple que de sélectionner l'option Parallax pour une image d'arrière-plan ou une image de bande. Il peut également être ajouté à une vidéo de bande.

Sans le défilement de parallaxe appliqué, l'image d'arrière-plan de la page Web se déplacera à l'unisson avec les autres éléments de la page lorsque le spectateur fait défiler la page.

Cependant, lorsque nous appliquons l'effet de défilement Parallax à l'image d'arrière-plan, l'image d'arrière-plan défile lentement lorsque le visualiseur fait défiler la page. La dimension se produit lorsque les autres éléments de la page défilent plus rapidement que l'image d'arrière-plan.

La troisième option, l'option Geler, pour les options d'effets de défilement de l'image d'arrière-plan consiste à verrouiller l'image d'arrière-plan en place pendant que les autres éléments de la page défilent vers le haut ou vers le bas.

Ajouter la parallaxe à l'image d'arrière-plan

1. Cliquez sur l'icône Arrière-plan dans le menu de gauche.
   
   
2. Ajoutez votre image de fond comme d'habitude.
   
   
3. Cliquez sur le bouton Paramètres pour ouvrir les paramètres d'image.
   
   
4. Choisissez l'une des trois options pour les effets de défilement.
   
   
   • Aucun - l'arrière-plan se déplacera au même rythme que les autres éléments de la page.
     
     
   • Parallaxe - l'arrière-plan se déplacera plus lentement que les autres éléments de la page.
     
     
   • Figer - l'arrière-plan restera en place mais les autres éléments défileront.
     
     

Ajouter Parallax pour supprimer l'image ou la vidéo

1. Sélectionnez la bande et choisissez Modifier l'arrière-plan de la bande dans le menu contextuel.
   
   
2. Ajoutez une image d'arrière-plan ou une vidéo comme d'habitude.
   
   
3. Cliquez sur le bouton Paramètres pour ouvrir les paramètres d'image.
   
   
4. Ensuite, choisissez Parallax dans les effets de défilement.
   
   

Instructions Vidéo: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Mai 2024).