Rellax
Faites en sorte que vos pages se sentent vivantes lorsque les visiteurs défilent L'extension Rellax apporte la magie de la parallaxe à Elementor (défilement) avec un code compliqué zéro Sélectionnez simplement l'image, la forme ou la section et faites-la bouger à une vitesse différente de celle du reste de la page Créez des couches d'arrière-plan subtiles qui dérivent lentement ou faites apparaître les éléments de premier plan avec un mouvement plus rapide Contrôlez la vitesse, la direction et la superposition pour créer des expériences immersives et multidimensionnelles qui ajoutent une touche de sophistication et d'engagement à chaque défilement.
Contrôle de la profondeur basé sur la vitesse
La vraie parallaxe consiste à créer une impression d'espace 3 D. Avec Rellax, vous ne faites pas que l'allumer (vous composez).Une vitesse positive (comme 2) fait défiler l'élément plus vite que la page, le faisant avancer Une vitesse négative (comme -2) le fait défiler plus lentement, le poussant en arrière-plan Ce contrôle précis vous permet de construire des couches réalistes de premier plan, de milieu de terrain et d'arrière-plan.
- Effets de premier plan : utilisez une valeur de vitesse positive pour faire flotter rapidement les icônes décoratives ou les petits graphiques devant l'utilisateur.
- Couches d'arrière-plan : utilisez une vitesse négative pour faire dériver lentement une image d'arrière-plan ou un motif, créant ainsi une sensation profonde et distante.
- Précision décimale : utilisez des valeurs telles que 0,5 ou -1,5 pour un mouvement subtil et affiné.
Couche avec Z-Index
Lorsque vous avez plusieurs éléments se déplaçant à des vitesses différentes, ils peuvent accidentellement chevaucher votre contenu important comme le texte Le contrôle de l'indice Z corrige ceci Définissez un indice Z inférieur pour les éléments de parallaxe d'arrière-plan afin de les garder derrière votre contenu lisible, et un plus élevé pour les effets de premier plan afin de garantir qu'ils apparaissent au-dessus Cela maintient votre conception propre et fonctionnelle.
- Organisez vos couches : attribuez des valeurs d'indice Z pour empiler logiquement vos éléments de parallaxe (par exemple, arrière-plan : -1, contenu : 1, premier plan : 2).
- Prévenir l'encombrement visuel : assurez-vous que les éléments mobiles ne glissent pas et n'obscurcissent pas vos appels à l'action ou vos gros titres.
- Contrôle total de composition : créez des scènes complexes à plusieurs niveaux en toute confiance.
Questions Fréquemment Posées Pour Rellax
Cela fonctionnera-t-il sur les appareils mobiles ?
Oui, mais avec une note Les effets de parallaxe sur mobile peuvent parfois sembler nerveux ou causer des problèmes de performances car ils reposent sur un défilement fluide Rellax est optimisé, mais pour la meilleure expérience mobile, utilisez des valeurs de vitesse plus subtiles (comme 0,5 ou -0,5) et testez sur un appareil réel Parfois, il est intelligent de désactiver entièrement la parallaxe complexe sur mobile pour une expérience utilisateur plus fluide.
Puis-je utiliser cela sur une image d'arrière-plan pendant toute une section ?
Absolument ! c'est l'une des utilisations les plus populaires Appliquer les paramètres Rellax à une Section ou à l'image de fond de Container Donnez-lui une vitesse lente et négative (comme -1), et le fond dérivera doucement lorsque le contenu ci-dessus défile normalement, créant un effet de profondeur classique et efficace.
En quoi est-ce différent de l'“Motion Effects” intégré d'Elementor ?
Les effets de mouvement de base d'Elementor contrôlent souvent le mouvement d'un élément par rapport à la fenêtre d'affichage (comme “stick” ou “fade in”).Rellax est spécifiquement pour la parallaxe basée sur la vitesse, où la vitesse de défilement d'un élément est différente de la vitesse de défilement de la page C'est un outil plus spécialisé et puissant pour créer de véritables illusions de profondeur de champ.
Est-ce que l'utilisation d'un trop grand nombre d'effets de parallaxe peut ralentir mon site ?
Oui, si vous en faites trop Chaque élément mobile nécessite que le navigateur fasse plus de travail pendant le défilement La clé est la modération Utilisez la parallaxe sur 1-3 éléments clés par page pour un impact maximal Évitez de l'appliquer à de nombreux petits éléments complexes Quelques couches de parallaxe bien placées ont l'air professionnelles ; trop peuvent se sentir chaotiques et nuire aux performances.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
