Möchten Sie einen Parallaxenhintergrund in erstellen Elementor ?
Im 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 erstellen können.
Wir werden es hier behandeln.
Beim Hinzufügen von Parallax-Hintergrund kann es zu einem kleinen Problem kommen Elementor Auto Elementor verwendet den Begriff „Parallaxe“ nicht ausdrücklich. Um stattdessen einen Parallaxenhintergrund in Elementor zu erstellen, können Sie einen Scroll-Effekt auf den Hintergrund anwenden, auf dem Sie den Parallaxeneffekt erstellen möchten. Der Hintergrund, den wir hier meinen, ist der Abschnittshintergrund und der Spaltenhintergrund.
Wenn Sie Elementor noch nicht verwendet haben, probieren Sie es aus So installieren Sie Elementor auf WordPress
Falls Sie nicht verstehen, wovon wir sprechen, 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. Anstatt sich zu bewegen, 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
- Scrolling horizontal: 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
- Leiter: Der Hintergrund erscheint in einem bestimmten Maßstab vor dem Scrollen mit der Maus
So wenden Sie den Scroll-Effekt in Elementor an
Wie bereits erwähnt, können Sie den Parallax-Hintergrund entweder auf einen Abschnitt oder eine Spalte anwenden.
Lesen Sie auch: Verwendung von Elementor zum Erstellen von Websites
Wählen Sie also eine Spalte oder einen Abschnitt aus, in dem Sie den Parallax-Effekt anwenden möchten. Gehen Sie zur Registerkarte Design und öffnen Sie den Abschnitt Hintergrund. Stellen Sie den Hintergrundtyp auf ein klassisch und wählen Sie ein Bild, das Sie als Hintergrund verwenden möchten, und aktivieren Sie die 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 auf einer der verfügbaren Parallaxeneffektoptionen klicken.
Sie können mehr als einen Parallax-Effekt aktivieren, wenn Sie möchten.
Das ist es. Sie können Ihre Seite oder Vorlage weiter bearbeiten. Sobald Sie fertig sind, können Sie veröffentlichen oder aktualisieren.
Holen Sie sich Elementor Pro jetzt!!!
Zusammenfassung
Hier ! Das ist es für diesen Artikel, der dir zeigt, wie es geht Erstellen Sie einen Parallaxenhintergrund in Elementor. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, lassen Sie es uns innerhalb wissen commentaires.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
