Im Zusammenhang mit Webdesign bezieht sich Hintergrundparallaxe auf ein Verhalten, bei dem sich der Hintergrund langsamer bewegt als der Vordergrund. Elementor (die Pro-Version) verfügt über eine Funktion, mit der Sie diese Art von Hintergrund hinzufügen können.
Wir werden es hier behandeln.
Möglicherweise haben Sie ein kleines Problem beim Hinzufügen eines Parallaxenhintergrunds Elementor Auto Elementor verwendet den Begriff „Parallaxe“ nicht ausdrücklich. Fügen Sie stattdessen einen Parallaxenhintergrund hinzu Elementorkönnen Sie einen Scrolleffekt auf den Hintergrund anwenden, dem Sie den Parallaxeneffekt hinzufügen möchten. Der Hintergrund, den wir hier meinen, ist der Abschnittshintergrund oder der Spaltenhintergrund.
Falls Parallax neu für Sie ist, werfen Sie einen Blick auf das folgende Beispiel und beachten Sie das Hintergrundbild. Dies ist ein Beispiel für den Parallax-Effekt.
Wir sagten, dass sich der Parallaxeneffekt darauf bezieht, dass der Hintergrund und der Vordergrund eine unterschiedliche Bewegungsgeschwindigkeit haben. Tatsächlich ist der Fall nicht immer so. Anstelle von Bewegung kann ein Webdesigner verschiedene Effekte wie Unschärfe, Transparenz oder Skalierung anwenden. Elementor selbst bietet 6 verschiedene Effekte:
- Vertikales Scrollen: Der Hintergrund bewegt sich beim Scrollen mit der Maus vertikal
- Horizontales Scrollen: Der Hintergrund bewegt sich beim Scrollen mit der Maus horizontal
- Transparenz: Der Hintergrund erscheint vor dem Scrollen mit der Maus transparent
- Verschwommen: Der Hintergrund erscheint vor dem Scrollen mit der Maus verschwommen
- Drehung: Der Hintergrund dreht sich beim Scrollen mit der Maus
- Échelle: Der Hintergrund wird vor dem Scrollen mit der Maus in einem bestimmten Maßstab angezeigt
So wenden Sie den Scroll-Effekt in Elementor an
Wie bereits erwähnt, können Sie den Parallax-Hintergrund entweder auf einen Abschnitt oder auf eine Spalte anwenden. Wählen Sie daher eine Spalte oder einen Abschnitt aus, auf die Sie den Parallax-Effekt anwenden möchten.
Gehen Sie zur Registerkarte Design und öffne den Block Hintergrund. Stellen Sie den Hintergrundtyp auf ein klassisch und wählen Sie ein Bild aus, das Sie als Hintergrund und verwenden möchten Aktivieren Sie die Option Scroll-Effekte.
Legen Sie die Position und Größe des Hintergrundbilds fest und wählen Sie dann einen Parallaxeneffekt aus, den Sie anwenden möchten, indem Sie auf das Stiftsymbol in einer der verfügbaren Parallaxeneffektoptionen klicken.
Sie können mehrere Parallax-Effekte aktivieren, wenn Sie möchten.
Hier ist. Sie können Ihre Seite oder Vorlage weiter bearbeiten. Sobald Sie fertig sind, können Sie veröffentlichen oder aktualisieren.
