Parallax und weitere coole Effekte für deine Website – mit Divi, Divi Plus und Canva

In dem folgenden Video stelle ich dir 5 Effekte vor, die deine Website aus der Masse hervorstechen lassen:

  • Parallax Hintergrundbilder
  • Animationen für Elemente
  • Transformationen für Elemente - z. B. Buttons in anderer Form
  • Unterstrichene Überschriften
  • Besondere Bildformen - ovale Bilder und mehr

Für mehr coole Tipps für Divi und den Divi Builder hol dir den Divi Powerkurs.

Parallax Hintergrundbilder

Wenn du einem Hintergrund den Parallax Effekt einstellst, sieht es beim Scrollen so aus, als ob der Hintergrund stehenbleibt und nur die Elemente darauf weitergescrollt werden. Das bringt mehr Tiefe in deine Website und macht die Website animierter, interaktiver. 

Um dies bei Divi einzustellen, klickst du beim blauen Abschnitt (Sektion) auf das Zahnrad und klappst den Teil "Hintergrund" aus. Dann wählst du ein Hintergrundbild und stellst weiter unten ein "Parallax". Es gibt 2 unterschiedliche Möglichkeiten: 

Parallax Effekt bei Sektion
  • Echte Parallaxe - hierbei scrollt das Hintergrundbild noch leicht mit
  • CSS (Standbild) - hierbei bleibt das Hintergrunbild komplett stehen

Hast du den Effekt schonmal ausprobiert?

 

In meinem Blogartikel über das Divi-Theme erfährst du außerdem, welche 12 genialen Vorteile Divi gegenüber den meisten anderen WordPress-Themes hat. 

Hey, ich bin Stefanie Motiwal

Stefanie Motiwal - Website leicht gemacht

und helfe Selbständigen aus der Coaching- Dienstleistungs- und Beratungsbranche dabei, ihre Website strategisch und professionell zu gestalten, um mehr Umsatz und Kund*innen zu gewinnen.

Divi 5 kommt - so geht es weiter 👇

Empfehlungen für dich:

Die besten Website-Tools Empfehlungen

Endlich mit Divi souverän deine Website erstellen und überarbeiten - mit dem deutschsprachigen Divi-Theme Kurs zum Lernen und Nachschlagen:  

Divi 5 Powerkurs

Meistere das Divi-Theme für WordPress und lerne nicht nur alle wichtigen Basics, sondern tauche ein in geniale Einstellungen, Hacks und fortgeschrittene Funktionen, die dir den Alltag mit dem Divi Builder mega erleichtern.

Lizenzen, Vorlagen und vieles mehr inklusive!

Divi Theme Kurs für WordPress
Stefanie Motiwal Website-Mentorin

Stefanie Motiwal

Hey, ich bin Stefanie und helfe dir dabei, mit deiner WordPress-Website sichtbar zu werden und mehr Kund*innen zu gewinnen.

Von mir lernst du nicht nur, wie du Einstellungen in WordPress bei Plugins & Themes vornimmst, sondern auch, worauf es bei Design, Struktur, Text & Layout ankommt, damit du die richtigen Menschen ansprichst.

Dabei ist es mir wichtig, dass der Spaß nicht auf der Strecke bleibt und du ganz viel für dich und dein Business mitnehmen kannst!

2 Kommentare

  1. Hallo Stefanie, wie kriegt man einen Parallax Effekt von einer Canva Website weg? Wir wissen nicht, wie er da rein gekommen ist und er passt nicht.

    Reply
    • Hey Carolin,
      oh das ist eine spannende Frage – allerdings habe ich noch nie mit Canva eine Website erstellt, ich arbeite ausschließlich mit WordPress für die Website-Erstellung und nutze Canva nur für einzelne Grafiken. Auf die Schnelle habe ich auch keine Antwort gefunden, vielleicht könntest du den Canva Support einmal anschreiben, wenn du in den FAQ von Canva nicht fündig wirst? Liebe Grüße, Stefanie

      Reply

Kommentar Schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weitere Blogartikel

Anleitung: Divi 4 auf Divi 5 aktualisieren

Am 26.2.2026 ist es soweit: Divi 5 erscheint offiziell - vorbei die Zeit der Beta-Phase! Bevor du dich jetzt euphorisch ins Update stürzt, solltest du Einiges beachten, damit du noch lange Freude an deiner Website hast und beim Aktualisieren alles gut verläuft! In...

10 wichtige Website Trends in 2026

10 wichtige Trends für deine Website in 2026

oder auch: Webdesign-Trends 2026: Was sich für Coaches und Berater*innen WIRKLICH ändert (und was du getrost ignorieren kannst) Vielleicht warst du neugierig und hast in den letzten Wochen schon die eine oder andere Liste mit "Webdesign-Trends 2026" gesehen? Falls...

Jahresrückblick 2025 – Halbtagsbusiness in Kalifornien

Alle Jahre wieder schreibe ich gemeinsam mit anderen tausenden von Bloger*innen den Jahresrückblick im Rahmen von Judith Peter's Jahresrückblog-Challenge. Nachdem mich in den Weihnachtstagen eine Grippe eine Woche lang so richtig umgehauen hat, ist der Blogartikel...

Wie falsche Erwartungen deinen Website-Erfolg blockieren

Der Traum von der perfekten Website Du hast deine Website endlich online gestellt. Wochenlange Arbeit, viele Nerven, vielleicht sogar einige hundert Euro in Design oder Technik investiert – und jetzt… erwartest du, dass die Buchungen reinkommen, die Anfragen sich...

Tschüss Website-Chaos:

Der einfache Fahrplan zum Nachmachen für deine fertige Business-Website in nur 4 Wochen

Live-Webinar für 0 Euro am 21.4. um 19 Uhr (inkl. Aufzeichnung)

👉 warum 90 % aller Websites nie fertig werden (und was du anders machen musst)
👉 warum du feststeckst, obwohl du schon alles gegoogelt hast
👉 wie du deine Website in 4 Wochen fertig bekommst, ohne dich zu verzetteln

Vielen Dank! Bitte bestätige noch den Link in der E-Mail.