Ein statischer Ausschnitt liest sich wie ein flaches Bild Geben Sie ihm eine sanfte, schleifende Drift und das gleiche Element fühlt sich lebendig an Die Schwimmende Effekte Erweiterung in Master-Addons für Elementor Fügt diese kontinuierliche Bewegung zu jedem Element hinzu, keine Keyframes oder benutzerdefiniertes CSS zum Schreiben. In dieser Anleitung wird erklärt, was die Erweiterung tut, was Sie animieren können und wie Sie sie anwenden.
Was ist die Floating Effects Extension? #
Die Schwimmende Effekte Die Erweiterung ist ein Master Addons for Elementor-Bewegungstool, das jedem Elementorelement, Abschnitt, Spalte oder Widget eine kontinuierliche Schleifenanimation hinzufügt. Es animiert das Element mit Übersetzen, Dreh, und Skala Transformiert und lässt Sie das steuern Dauer, Verzögerung, und Richtung Der Bewegung. weil der Effekt CSS-basiert ist, driftet das Element ohne eine schwere JavaScript-Animationsbibliothek von selbst weiter.
Was Sie animieren können #
Floating Effects funktioniert über drei Transformationstypen und Sie kombinieren sie mit Zeitsteuerungen, um die Bewegung zu formen:
- Übersetzen „Das Element entlang der X- oder Y-Achse, der klassische Auf- und Ab- oder Seitwärtsschwimmer.
- Drehen „Das Element wird leicht hin und her geschoben.
- Skala „DAS Element wird weich gepulst und schrumpft.
- Dauer, Verzögerung und Richtung „Es wird festgelegt, wie lange ein Zyklus dauert, wie lange man wartet, bevor er beginnt, und in welche Richtung die Bewegung läuft, sodass die Animation dem Tempo des Abschnitts entspricht.
So fügen Sie schwebende Effekte in Elementor hinzu #
Floating Effects wird pro Element aus dem Elementor-Editor angewendet, sobald die Erweiterung in Master-Addons aktiviert ist. Kurz gesagt: Wählen Sie das Element aus, das Sie animieren möchten, öffnen Sie seine Einstellungen, schalten Sie Floating Effects ein und wählen Sie eine Transformation mit ihrem Timing aus.
- Stellen Sie sicher Master-Addons für Elementor Installiert und aktiv ist und dass die Floating Effects-Erweiterung im Master Addons-Panel aktiviert ist.
- Wählen Sie im Elementor-Editor den Abschnitt, die Spalte oder das Widget aus, das Sie animieren möchten.
- Öffnen Sie die Einstellungen des Elements und finden Sie die Master-Addons Schwimmende Effekte Steuert, dann schalten Sie die Wirkung ein.
- Wählen Sie eine Transformation Übersetzen, Drehen, oder Skala – setzen Dauer, Verzögerung, und Richtung.
- Vorschau oder Veröffentlichung der Seite, um die Elementdrift auf der Live-Site zu sehen.
Tipps zur Verwendung von Floating Effects #
- Halten Sie die Bewegung subtil. Ein kleiner Übersetzungsabstand und eine langsame Dauer werden poliert gelesen; Große, schnelle Bewegung wirkt ablenkend.
- Verwenden Sie es auf ein oder zwei Elementen pro Ansicht. Ein einzelnes schwebendes Heldenbild oder Symbol zieht den Blick auf sich; Eine ganze Seite in Bewegung konkurriert mit sich selbst.
- Kombinieren Sie es mit einer Eintrittsbewegung. Kombinieren Sie schwebende Effekte mit dem Eingangsanimation Dehnung, sodass ein Element zuerst nachlässt und dann seinen sanften Schwimmer beibehält.
- Überprüfen Sie es mobil. Bestätigen Sie, dass die Bewegung auf kleineren Bildschirmen immer noch gut aussieht und keine Inhalte in der Nähe herumschiebt.
Häufig gestellte Fragen #
Was ist die Floating Effects-Erweiterung in Master Addons?
Floating Effects ist ein Master Addons für Elementor Bewegungserweiterung, die eine kontinuierliche, Schleifen Animation zu jedem Elementorelement hinzufügt Es verwendet Translate, Drehen, und Skalieren Transformationen und lässt Sie die Dauer, Verzögerung, und Richtung der Bewegung steuern, alles ohne benutzerdefinierte CSS oder Keyframes zu schreiben.
Welche Arten von Animationen können Floating Effects erstellen?
Es unterstützt drei Transform-Typen: Übersetzen, um ein Element nach oben und unten oder von einer Seite zur anderen zu bewegen, drehen für ein sanftes Hin und Her-Schwanken und skalieren für einen sanften Pulseffekt Sie können eine Transformation mit Timing-Einstellungen kombinieren, um die genaue Bewegung zu formen, die Sie wollen.
Kann ich die Geschwindigkeit und Richtung der schwebenden Animation steuern?
Ja. Jeder Effekt legt Dauer, Verzögerung und Richtungssteuerung offen Dauer legt fest, wie lange ein Zyklus dauert, Verzögerung legt fest, wie lange man wartet, bevor die Bewegung beginnt, und Richtung legt fest, in welche Richtung die Animation läuft, damit man den Schwimmer dem Tempo des Abschnitts anpassen kann.
Funktioniert Floating Effects auf ein Elementorelement?
Ja. Die Erweiterung gilt für Elementorabschnitte, Spalten und Widgets, sodass Sie ein Bild, ein Symbol, eine Überschrift, eine Schaltfläche oder einen ganzen Abschnitt freigeben können Sie aktivieren es pro Element aus dem Elementor-Editor, sobald die Erweiterung im Master Addons-Panel eingeschaltet ist.
Werden schwebende Animationen meine Website verlangsamen?
Der Effekt ist CSS-basiert, also im Vergleich zu schweren JavaScript-Animationsbibliotheken leichtgewichtig, um Seiten glatt zu halten, verwenden Sie ihn auf nur ein oder zwei Elementen pro Ansicht und halten Sie die Bewegung subtil, anstatt alles auf der Seite auf einmal zu animieren.
