Rellax
Sorgen Sie dafür, dass Ihre Seiten sich lebendig anfühlen, während Besucher scrollen Die Rellax-Erweiterung bringt die Magie des Parallaxenscrollens mit kompliziertem Code von Null auf Elementor – Wählen Sie einfach ein beliebiges Bild, eine beliebige Form oder einen beliebigen Abschnitt aus und lassen Sie es sich mit einer anderen Geschwindigkeit bewegen als den Rest der Seite. Erstellen Sie subtile Hintergrundschichten, die langsam driften, oder lassen Sie Vordergrundelemente mit schnellerer Bewegung platzen. Steuern Sie die Geschwindigkeit, Richtung und Schichtung, um immersive, mehrdimensionale Erlebnisse zu schaffen, die jeder Schriftrolle einen Hauch von Raffinesse und Engagement verleihen.
Geschwindigkeitsbasierte Tiefenkontrolle
Bei der wahren Parallaxe geht es darum, ein Gefühl für den 3 D-Raum zu erzeugen. Bei Rellax schaltet man ihn nicht einfach ein, sondern wählt die genaue Geschwindigkeit ein. Eine positive Geschwindigkeit (wie 2) lässt das Element schneller scrollen als die Seite und bringt es nach vorne. Eine negative Geschwindigkeit (wie -2) macht es langsamer scrollen und in den Hintergrund drücken. Mit dieser präzisen Steuerung können Sie realistische Vordergrund-, Mittel- und Hintergrundschichten aufbauen.
- Vordergrund-Effekte: Verwenden Sie einen positiven Geschwindigkeitswert, um dekorative Symbole oder kleine Grafiken schnell am Benutzer vorbeischweben zu lassen.
- Hintergrundschichten: Verwenden Sie eine negative Geschwindigkeit, um ein Hintergrundbild oder Muster langsam driften zu lassen und so ein tiefes, fernes Gefühl zu erzeugen.
- Dezimale Präzision: Verwenden Sie Werte wie 0,5 oder -1,5 für fein abgestimmte, subtile Bewegungen.
Schichtung mit Z-Index
Wenn Sie mehrere Elemente mit unterschiedlichen Geschwindigkeiten bewegen, können sie versehentlich Ihre wichtigen Inhalte wie Text überlappen Die Z-Index-Steuerung behebt dies Legen Sie einen niedrigeren Z-Index für Hintergrundparallaxenelemente fest, um sie hinter Ihren lesbaren Inhalten zu halten, und einen höheren für Vordergrundeffekte, um sicherzustellen, dass sie oben angezeigt werden So bleibt Ihr Design sauber und funktionsfähig.
- Organisieren Sie Ihre Ebenen: Weisen Sie Z-Index-Werte zu, um Ihre Parallaxenelemente logisch zu stapeln (z.B, Hintergrund: -1, Inhalt: 1, Vordergrund: 2).
- Verhindern Sie visuelle Unordnung: Stellen Sie sicher, dass bewegliche Elemente nicht überrutschen und Ihre Handlungsaufrufe oder Schlagzeilen verdecken.
- Total Compositing Control: Erstellen Sie komplexe, mehrschichtige Szenen mit Sicherheit.
Häufig gestellte Fragen an Rellax
Wird das auf mobilen Geräten funktionieren?
Ja, aber mit einem Hinweis Parallax-Effekte auf Mobilgeräten können sich manchmal scherzhaft anfühlen oder Leistungsprobleme verursachen, da sie auf reibungsloses Scrollen angewiesen sind. Rellax ist optimiert, aber für das beste mobile Erlebnis verwenden Sie subtilere Geschwindigkeitswerte (wie 0,5 oder -0,5) und testen Sie auf einem echten Gerät. Manchmal ist es intelligent, komplexe Parallaxen auf Mobilgeräten vollständig zu deaktivieren, um ein reibungsloseres Benutzererlebnis zu ermöglichen.
Kann ich das für einen ganzen Abschnitt auf einem Hintergrundbild verwenden?
Absolut! dies ist eine der beliebtesten Anwendungen Wenden Sie die Rellax-Einstellungen auf das Hintergrundbild eines Abschnitts oder Behälters an Geben Sie ihm eine langsame, negative Geschwindigkeit (wie -1), und der Hintergrund driftet sanft, während der Inhalt darüber normal scrollt, wodurch ein klassischer und effektiver Tiefeneffekt entsteht.
Wie unterscheidet sich das von Elementors eingebauten “Motion Effects”?
Die grundlegenden Bewegungseffekte von Elementor steuern oft die Bewegung eines Elements relativ zum Viewport (wie “Stick” oder “Fade In”).Rellax ist speziell für geschwindigkeitsbasierte Parallaxe gedacht, bei der sich die Scrollgeschwindigkeit eines Elements von der Scrollgeschwindigkeit der Seite unterscheidet. Es ist ein spezielleres und leistungsfähigeres Werkzeug, um echte Tiefenschärfetäuschungen zu erzeugen.
Kann die Verwendung von zu vielen Parallaxeneffekten meine Seite verlangsamen?
Ja, wenn man es übertreibt Jedes bewegliche Element erfordert, dass der Browser beim Scrollen mehr Arbeit leistet Der Schlüssel ist Moderation Verwenden Sie Parallaxe auf 1-3 Schlüsselelementen pro Seite für maximale Wirkung Vermeiden Sie es, es auf viele kleine, komplexe Gegenstände anzuwenden Ein paar gut platzierte Parallaxenschichten sehen professionell aus; zu viele können sich chaotisch anfühlen und die Leistung verletzen.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
