Effekte f├╝r Hintergrundbilder in Elementor (Nebel, Partikel, etc.)

Effekte f├╝r Hintergrundbilder

M├Âchte man das Hintergrundbild, bspw. auf der Startseite, so richtig in Szene setzen, k├Ânnen daf├╝r spezielle Effekte eingesetzt werden. F├╝r Elementor gibt es verschiedene Erweiterungen, um diese Effekte nutzen und bearbeiten zu k├Ânnen.

Hier ein paar Beispiele f├╝r Effekte:

Partikel

Diesen Effekt setze ich auf der Startseite ein. 

Schnee

Dadurch, dass die Flugrichtung und Gr├Â├če der Partikel-Effekts eingestellt werden kann, l├Ąsst sich aus den Partikeln auch Schnee zaubern ­čśë

Nebel

Auch sehr interessant finde ich den Nebel-Effekt. Dieser schafft in Verbindung mit dem richtigen Bild eine sch├Âne Atmosph├Ąre.

Voraussetzung

Von Hause aus bringt Elementor diese Effekte leider nicht mit, deshalb bedarf es einer Erweiterung. Ich selbst nutze daf├╝r Powerpack Elements.

Die Erweiterung ist kostenpflicht, bringt daf├╝r aber auch noch weitere Funktionen f├╝r die Verwendung in Elementor mit.

Verwendung in Elementor

Nachdem das Plugin installiert und aktiviert wurde, findet sich in den Abschnittsoptionen der Punkt „Powerpack Background“. Dar├╝ber kann der Hintergrund-Effekt aktiviert werden:

Elementor-Powerpack Background

Es stehen folgende Animations-Typen zur Auswahl:

  • Birds
  • Fog
  • Waves
  • Net
  • Dots
  • Line Particles
  • NASA
  • Bubble
  • Snow
  • Custom

Nach der Auswahl des gew├╝nschten Effekts, werden weitere Einstellungsm├Âglichkeiten angezeigt. Auf den folgenden Screenshots seht ihr die Einstellungen, die ich f├╝r die Bilder am Anfang des Beitrags gew├Ąhlt habe. An diesen kannst du dich orientieren:

Partikel:

Schnee:

Nebel:

F├╝r das perfekte Ergebnis muss man ein bisschen mit den Einstellungsm├Âglichkeiten spielen. Da jeder Effekt andere Einstellungsm├Âglichkeiten mitbringt, w├Ąre es zu umfangreich, jede Option zu erkl├Ąren ­čśë

Bei Fragen einfach einen Kommentar schreiben.

Schreibe einen Kommentar

Abonnieren
Benachrichtige mich bei
0 Kommentare
Inline Feedbacks
View all comments

Die mit Sternchen (*) gekennzeichneten Verweise sind sogenannte Provision-Links. Wenn du auf so einen Verweislink klickst und ├╝ber diesen Link einkaufst, bekomme ich von deinem Einkauf eine Provision. F├╝r dich ver├Ąndert sich der Preis nicht.┬á

0
Hast du Fragen? Dann schreibe einen Kommentar ;-)x
()
x
Newsletter abonnieren

Erhalte regelm├Ą├čig Informationen zu neuen Tipps und Tutorials.