Animierter Gradient BG
Machen Sie Ihre Website in Sekundenschnelle hervor Trennen Sie statische Farben und langweilige Bilder Mit der Erweiterung Animated Gradient Background können Sie jeden Abschnitt, Behälter oder jede Spalte mit schönen, sich sanft verschiebenden Farbverläufen füllen Wählen Sie Ihre Farben, stellen Sie den Winkel und die Geschwindigkeit ein und beobachten Sie, wie der Hintergrund mit einem sanften, endlosen Fluss zum Leben erwacht Perfekt für Heldenabschnitte, Call-to-Action-Bereiche oder als moderne Kulisse für Ihre Inhalte Keine Videodateien, kein Heavy Code nur leichter, auffälliger Film, der Aufmerksamkeit erregt und Ihr Design erstklassig macht.
Live Gradient Builder mit echten Farben
Beginnen Sie mit einem einfachen zweifarbigen Farbverlauf oder bauen Sie eine komplexe mehrfarbige Mischung. Verwenden Sie die Farbwähler, um einen beliebigen Farbton auszuwählen, und passen Sie ihre Position auf dem Farbverlaufsregler an, um die Mischung zu steuern. Sehen Sie, wie Ihre Auswahl live aktualisiert wird. Die Magie entsteht, wenn diese Farben beginnen, sich zu bewegen und ineinander zu fließen, wodurch eine dynamische, lebendige Kulisse entsteht.
- Unbegrenzte Farben: Fügen Sie so viele Farbstopps hinzu, wie Sie satte, lebendige Farbverläufe erzeugen möchten.
- Live-Vorschau: Sehen Sie, wie Ihr Farbverlauf in Echtzeit erstellt wird, während Sie Farben und Stopps anpassen.
- Professionelle Paletten: Erstellen Sie ganz einfach Farbverläufe, die dem genauen Farbschema Ihrer Marke entsprechen.
Volle Kontrolle über die Animation
Eine zu schnelle Animation lenkt ab, zu langsam ist langweilig. Sie erhalten die volle Kontrolle, damit sie sich genau richtig anfühlt. Stellen Sie den Winkel ein, um die Richtung des Flusses zu ändern. Passen Sie die Gesamtanimationsdauer an, um ihn langsam und ruhig oder schnell und energiegeladen zu machen Wählen Sie eine Animationseinstellung (wie „Glatt“), damit sich die Bewegung natürlich und nicht roboterhaft anfühlt.
- Steuern Sie den Fluss: Ändern Sie den Winkel (z. B. 90° für horizontal, 180° für vertikal), um die Animation zu steuern.
- Stellen Sie das Tempo ein: Eine längere Dauer (z. B. 10 Sekunden) erzeugt eine subtile, langsame Verschiebung. Eine kürzere (3 Sekunden) ist auffälliger und energischer.
- Reibungslose Übergänge: Verwenden Sie Easing-Optionen, um abrupte Farbsprünge zu vermeiden und die Schleife nahtlos zu machen.
Häufig gestellte Fragen zum animierten Gradienten BG
Funktioniert das auf irgendeinem Teil meiner Seite?
Ja! kann man auf fast jeden Elementor-Container anwenden: Vollabschnitte, einzelne Spalten, oder auch spezielle Container wie Heldenboxen, einfach die Hintergrundeinstellungen für dieses Element finden und nach dem Hintergrundtyp “Animated Gradient” suchen.
Kann ich das über ein Hintergrundbild oder Video verwenden?
Normalerweise wählt man einen Hintergrundtyp pro Element, man kann einen animierten Farbverlauf nicht über ein Video oder Bild mit den gleichen Einstellungen schichten Aber man könnte sein Bild oder Video in eine Spalte innerhalb eines Abschnitts setzen, der den animierten Farbverlaufshintergrund hat, wodurch ein geschichteter Look entsteht.
Wie viele Farben kann ich in einer Animation verwenden?
Technisch gesehen so viele, wie Sie wollen, indem Sie auf “Farbe hinzufügen” klicken Aber für den saubersten, performantesten Effekt empfehlen wir 2 bis 4 Farben Zu viele Farben können die Animation matschig oder chaotisch aussehen lassen.
Läuft die Animation ständig ab, oder kann ich sie auf Hover abspielen lassen?
Die Erweiterung ist für kontinuierliche, in Schleifen laufende Animationen konzipiert, die automatisch abgespielt werden, sobald die Seite geladen wird Für Hover-gesteuerte Animationen müssten Sie wahrscheinlich eine andere Methode verwenden bzw Benutzerdefiniertes CSS. Dieses Tool dient zur Erzeugung eines immer einwirkenden, atmosphärischen Hintergrundeffekts.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
