Möchten Sie einen Scroll-Effekt in anwenden Elementor?
Eines der überzeugenden Dinge beim Entwerfen einer Seite oder Vorlage mit Elementor ist, dass Sie bestimmte Animationseffekte auf die Seite oder Vorlage anwenden können, an der Sie gerade arbeiten. Einer davon ist ein Scroll-Effekt, den wir in diesem Artikel behandeln werden.
Der Scroll-Effekt selbst ist eine Funktion, die auf verfügbar ist Elementor Pro. Sie müssen also Ihre aktualisieren Elementor zur Pro-Version, falls Sie dies noch nicht getan haben.
Was ist der Scroll-Effekt?
Dies ist eine Art von Animationseffekt, der auftritt, wenn Benutzer mit der Maus über eine Seite scrollen. Ob oben oder unten. Der Effekt kann je nach Einstellung variieren. Elementor selbst bietet 6 Effektoptionen:
- Vertikales Scrollen: Das Objekt bewegt sich vertikal, wenn Sie mit der Maus scrollen
- Scrolling horizontal: Das Objekt bewegt sich horizontal, wenn Sie mit der Maus scrollen
- Transparenz: Das Objekt erscheint vor dem Scrollen mit der Maus als transparent
- Verschwommen: Das Objekt wird vor dem Scrollen mit der Maus verschwommen angezeigt
- Leiter: Das Objekt erscheint in einem bestimmten Maßstab vor dem Scrollen mit der Maus
Sie können einen Bildlaufeffekt auf einen Abschnitt, eine Spalte oder ein Widget anwenden.
So wenden Sie den Scroll-Effekt in Elementor an
Wie bereits erwähnt, ist der Scroll-Effekt eine der Funktionen von Elementor Pro. Mit anderen Worten, Sie müssen Elementor Pro verwenden, um diese Funktion nutzen zu können.
In diesem Tutorial zeigen wir Ihnen, wie Sie einen horizontalen Bildlaufeffekt anwenden. Wie der Name schon sagt, wendet dieser Effekt eine vertikale Bewegung auf ein Objekt an, wenn die Maus gescrollt wird. Dieser Effekt ist hervorragend in Kombination mit Lottie.
Unten sehen Sie ein Beispiel vor dem Anwenden des horizontalen Bildlaufeffekts.
Und hier ist das Beispiel nach dem Anwenden des horizontalen Bildlaufs.
Anmerkung: Das folgende Tutorial verwendet Lottie.
Scroll-Effekt hinzugefügt
Auch hier können Sie den Bildlaufeffekt auf einen Abschnitt, eine Spalte oder ein Widget anwenden.
Wählen Sie zunächst ein Element (Abschnitt, Spalte oder Widget) aus, auf das Sie den Scroll-Effekt anwenden möchten, und wechseln Sie zur Registerkarte fortgeschritten im linken Bereich und öffnen Sie den Abschnitt Bewegungseffekte.
Option aktivieren Scroll-Effekte.
Da wir den horizontalen Bildlaufeffekt anwenden möchten, klicken Sie auf das Stiftsymbol der Option Horizontales Scrollen um Einstellungen wie Richtung (links oder rechts), Geschwindigkeit und Fenster (der für den Benutzer sichtbare Bereich) vorzunehmen.
Sie können mehrere Bildlaufeffekte anwenden, wenn Sie möchten. Klicken Sie einfach auf das Stiftsymbol bei anderen Bildlaufeffektoptionen, um andere Bildlaufeffekte anzuwenden.
Das ist es. Sobald die Seite vollständig ist, können Sie veröffentlichen / Aktualisiere es. Sie können den Scroll-Effekt auch auf einem bestimmten Gerätetyp deaktivieren. Entfernen Sie einfach das Gerät, auf dem Sie den Scroll-Effekt deaktivieren möchten, indem Sie auf das Symbol klicken X sofort Effekte anwenden auf .
Holen Sie sich Elementor Pro jetzt!!!
Zusammenfassung
Hier ! Das ist es für diesen Artikel, der dir zeigt, wie es geht Scroll-Effekt in Elementor anwenden. 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.
...
