Elementor-Schwebende Effekte (Pro): Übersetzen, drehen und Skalieren Bewegung
Floating Effects ist eine Master Addons Pro Erweiterung, die jedem Elementor Widget eine Schleifenbewegung gibt Schalten Sie Translate, Drehen oder Skalieren ein, setzen Sie einen From und einen To Wert, und das Widget bewegt sich zwischen ihnen und wieder zurück, solange die Seite geöffnet ist Es passt zu schwebenden Heldenbildern, driftenden Symbolen und pulsierenden Abzeichen, ohne Keyframes zum Schreiben.
Übersetzen: Auf, ab oder seitwärts schweben
Übersetzen X und Übersetzen Y Nehmen Sie jeweils einen From - und einen To-Wert zwischen -100 und 100 px. Das Widget bewegt sich vom ersten Wert zum zweiten und zurück, mit einem reibungslosen Ein - und Aussteigen Die Voreinstellung ist 0 bis 5 px, eine sehr kleine Drift.
- Vertikaler Schwimmer: Übersetzen Sie Y von 0 auf 15 px und verleihen Sie einem Symbol oder Abzeichen einen sanften Bob.
- Seitwärtsdrift: Translate X bewegt das Widget langsam nach links und rechts.
- Beide Achsen: X und Y bewegen das Widget zusammen entlang einer Diagonallinie, da sie das gleiche Timing haben.
Drehen, Skalieren und Timing
Drehen X, Y - und Z-Schieberegler von -180 bis 180 Grad hat, und Skala X und Y von 0 bis 5 hat, mit 1 bis 1,2 als Standard Wie Translate schwingen beide von Von nach Nach und zurück, also ist Rotation eher eine Schwankung als ein voller Spin Jede Transformation hat eine Dauer Von bis zu 10.000 ms (1.000, wenn sie leer gelassen werden) und a Verzögerung Bis zu 5000 ms.
- Puls: Skala X und Y von 1 bis 1,05 lässt einen Knopf sanft wachsen und schrumpfen.
- Schwanken: Drehen Sie Z von -5 bis 5 Grad, passend für ein hängendes Etikett oder Abzeichen.
- Eine Zeitleiste: Kombinierte Transformationen teilen sich ein Timing. Zuerst werden die Dauer und Verzögerung von Translate verwendet, dann die von Rotate und dann die von Scale.
Elementor-Bewegungseffekte vs. Master-Addons-Schwebende Effekte
Elementor hat zwei Arten von Bewegung (mit Pro auf Elementor 4.2.4 markiert) Entrance Animation, im freien Elementor, spielt einmal, wenn ein Widget erscheint Motion Effects, in Elementor Pro, bewegen Sie ein Widget, während der Besucher scrollt oder die Maus bewegtKeine Schleife für sich allein, und das ist die Lücke, die Floating Effects füllt.
| Merkmal | Elementor-Eingangsanimation | Elementor Pro Motion Effects | Master Addons Floating Effects |
|---|---|---|---|
| Preis | Kostenlos | Elementor Pro | Master Addons Pro |
| Was beginnt damit | Das Widget erscheint einmal | Seitenscroll oder Mausbewegung | Nichts, es läuft von selbst in Schleifen |
| Bewegung | Voreingestellte Fades, Slides, Zooms und Bounces | Vertikale und horizontale Schriftrolle, Transparenz, Unschärfe, Drehen, Skalieren, Mausspur, 3 D-Neigung | X und Y übersetzen, X, Y und Z drehen, X und Y skalieren |
| Ihre Werte | Dauer und Verzögerung | Geschwindigkeit, Richtung und Sichtfeldbereich | Von und Zu Werten, Dauer und Verzögerung |
| Arbeitet an | Widgets und Container | Widgets und Container | Nur Widgets |
Wenn Sie eine Bewegung wünschen, die an das Scrollen oder den Cursor gebunden ist, ist Elementor Pro Motion Effects die bessere Passform Floating Effects ist für eine sanfte Bewegung, die ohne Besuchereingaben weitergeht.
Andere Bewegungserweiterungen in Pro: Transformiert, Eingangsanimation und Enthüllen.
So fügen Sie schwebende Effekte in Elementor hinzu
Sobald die Erweiterung eingeschaltet ist, befindet sich das Floating Effects-Panel in der Registerkarte Erweitert jedes Widgets.
- Wenn Master Addons Pro aktiv ist, gehen Sie zu Master-Addons > Erweiterungen Und schalten Sie ein Schwimmende Effekte.
- Bearbeiten Sie Ihre Seite mit Elementor und wählen Sie das Widget aus, das Sie verschieben möchten, z. B. ein Bild oder Symbol.
- Öffnen Sie die Fortgeschritten Tab, erweitern Schwimmende Effekte Und stellen Sie es auf Ja ein.
- Einschalten Übersetzen, Drehen oder Skala und die Werte von From und To einstellen.
- Einstellen Dauer und VerzögerungÜberprüfen Sie dann die Bewegung in der Editorvorschau.
- Aktualisieren Sie die Seite Für einen längeren Walkthrough mit Bildern lesen Sie unsere Floating-Effekt-Tutorial.
Häufig gestellte Fragen zu schwebenden Effekten
Ist Floating Effects kostenlos?
No. Floating Effects ist Teil von Master Addons Pro. Free Elementor verfügt über Eingangsanimationen, die einmal abgespielt werden, aber keinen Looping-Float.
Kann ich es auf Abschnitten oder Behältern verwenden?
Nr. Das Floating Effects Panel befindet sich nur in der Registerkarte Erweitert von Widgets Um eine Gruppe von Elementen zu schweben, wenden Sie es auf jedes Widget an, oder kombinieren Sie sie zu einem Bild, bevor Sie den Effekt hinzufügen.
Kann sich die Rotation ganz drehen?
Nicht als kontinuierlicher Spin. Rotate geht vom Wert Vom Wert zum Wert Zum Wert und zurück, innerhalb von -180 bis 180 Grad, so dass es am besten als Schwankung oder Neigung funktioniert.
Wird die Verwendung vieler dieser Effekte auf einer Seite die Leistung beeinträchtigen?
Ein paar schwebende Widgets sind in Ordnung Die Bewegung nutzt die kleine anime.js Bibliothek und ändert nur CSS Transformationen, die Browser gut handhaben Behalten Sie es auf einer Handvoll Widgets pro Bildschirm, so dass die Seite ruhig bleibt und auf langsameren Telefonen flüssig läuft.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
