Schwimmende Effekte
Gehen Sie über das grundlegende Up-and-Down-Floating hinaus Die Floating Effects-Erweiterung gibt Ihnen professionelle Animationssteuerungen für jedes Element. Animieren Sie unabhängig die Position eines Elements (Übersetzen), lassen Sie es sich auf einer beliebigen 3 D-Achse drehen (Rotate X, Y, Z) und strecken oder quetschen Sie es (Skala X, Y). Erstellen Sie ein Logo, das sich neigt, ein Abzeichen, das pulsiert, oder ein Bild, das sanft driftet und sich dreht. Es wird alles mit einfachen Zahlenfeldern und Kontrollkästchen direkt in Ihrem Elementor-Editor gesteuert. Keine Plugins, kein Code, nur leistungsstarke Animation an Ihren Fingern.
Multidirektionale Bewegung (Übersetzen)
Geben Sie Ihren Elementen ein Gefühl von sanfter, schwebender Bewegung Verwenden Sie die Translate-Steuerelemente, um sie horizontal (X-Achse) oder vertikal (Y-Achse) zu bewegen Stellen Sie einen Startpunkt und einen Endpunkt in Pixeln ein, um einen Hin-und-Her oder Auf-und-Ab-Drift-Effekt zu erzeugen. Perfekt, um auf wichtige Merkmale aufmerksam zu machen oder Ihrem Design eine spielerische Note zu verleihen.
- Horizontal Float: Machen Sie ein Element Drift von links nach rechts (Übersetzen X) wie eine langsam bewegte Wolke.
- Vertikaler Sprung: Erstellen Sie einen sanften Auf- und Absprung (Übersetzen Sie Y) für Symbole oder Abzeichen.
- Kombinieren Sie für komplexe Pfade: Verwenden Sie sowohl X als auch Y zusammen für diagonale oder kreisförmige schwimmende Pfade.
Skalierung, Rotation und Timing
Gehen Sie über einfache Auf-und-Ab-Bewegung hinaus Elemente durch Skalierung zum Atmen bringen Verwenden Sie Skala X und Skala Y unabhängig voneinander, um die Breite und Höhe eines Elements separat zu dehnen oder zu quetschen Add Rotation für einen langsamen, kontinuierlichen Spin So können Sie alles von einem weich pulsierenden Call-to-Action-Knopf bis hin zu einem langsam rotierenden Logo erstellen.
- Pulseffekte: Verwenden Sie die Skala X/Y, um ein Element rhythmisch wachsen und schrumpfen zu lassen und so das Auge zu zeichnen.
- Unabhängige Steuerung: Dehnen Sie die Breite eines Elements (Skala X) und behalten Sie dabei seine Höhe für eine eindeutige Bewegung bei.
- Kontinuierlicher Spin: Wenden Sie Rotation an, um Logos oder dekorative Symbole langsam und endlos zu drehen.
Häufig gestellte Fragen zu schwebenden Effekten
Das sieht komplex aus Ist es schwer zu bedienen?
Gar nicht! das panel sieht vielleicht detailreich aus, weil es mächtig ist, aber man fängt einfach an, nur einen effekt aktivieren (wie übersetzen y), einen kleinen “bis” wert (wie 20 px) einstellen, und schon hat man eine schwebende animation Die anderen steuerelemente sind dafür da, wenn man kreativer werden will man lernt dabei.
Kann ich diese 3 D-Drehungen mobil nutzen?
Der visuelle Effekt wird funktionieren, ist aber keine “wahre” 3 D-Umgebung, simuliert 3 D-Rotation mittels CSS, was auf allen modernen mobilen Browsern unterstützt wird, wird zwar toll aussehen, aber für intensives 3 D bräuchte man ein anderes Tool, für die Kipp - und Wende-Effekte, für die es konzipiert ist, ist es perfekt.
Was ist eine gute reale Verwendung für die separate Skala X und Skala Y?
Stellen Sie sich einen “Notify Me” - Button vor, Sie könnten Skala Y verwenden, um sie schnell herunterquetschen zu lassen (was taktiles Feedback gibt), und dann zur Normalität zurückkehren. Oder für einen Musikplayer könnte eine Soundwellengrafik Skala Y unabhängig an jedem Takt verwenden, um sich in den Rhythmus zu bewegen.
Wird die Verwendung vieler dieser Effekte auf einer Seite die Leistung beeinträchtigen?
Wenn man über Bord geht, ja – wie alles andere Das Anbringen von 10-20 verschiedenen komplexen Animationen auf ein Dutzend Elemente könnte bei langsameren Geräten zu Scherzen führen Der Schlüssel ist subtil Verwenden Sie 1-2 Primäreffekte pro Abschnitt Ein sanfter Schwimmer und eine leichte Drehung sind alles, was Sie normalerweise für einen professionellen, lebendigen Effekt benötigen.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
