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:

Echte Parallaxe - hierbei scrollt das Hintergrundbild noch leicht mit
CSS (Standbild) - hierbei bleibt das Hintergrunbild komplett stehen

Hast du den Effekt schonmal ausprobiert?

kostenlose Videoanleitung:

3 geniale Divi-Funktionen, die du unbedingt kennen MUSST!

Mit dem powervollen Divi-Theme für WordPress kannst du für deine Website so gut wie alles umsetzen und nachbauen was du dir vorstellen kannst!

In dieser kostenlosen Videoanleitung (knapp 20 Minuten) zeige ich dir 3 unschlagbar geniale Funktionen von Divi, mit denen

du viel Zeit sparen kannst
deine Website einheitlich geändert werden kann für einen wesentlich professionelleren Eindruck
du dein Layout ganz individuell festlegen kannst und dich nicht von WordPress einschränken lässt!

Suche

Hey, ich bin Stefanie Motiwal

und helfe Solo-Selbständigen aus der Coaching- Dienstleistungs- und Beratungsbranche dabei, ihre Website strategisch und technisch so aufzusetzen, dass sie entspannt sichtbar werden und mehr Kund*innen gewinnen.

Website-Vertrauensbooster 0€

Neueste Blogartikel

Empfehlungen für dich:

3-teilige Videoserie · 0 Euro · für Selbständige mit Divi-Theme

Divi 5: Die kostenlose Mini-Videoserie für Divi-Nutzer*innen:

In drei kurzen Videos zeige ich dir, wie du

✔️ sicher auf Divi 5 umsteigst,
✔️ die wichtigsten neuen Funktionen nutzt
✔️ und deutlich schneller mit Divi arbeitest.

Format-Info: 3 Tage · 3 Videos · je ca. 5 Minuten

Lass dir die Videoserie direkt ins E-Mail Postfach schicken (0 Euro):

Stefanie Motiwal

Hey, ich bin Stefanie - Divi-Expertin und Website-Mentorin und überzeugt davon, dass eine richtig gute Website zwei Dinge können muss: Entspannt Kund*innen gewinnen und sich trotzdem von dir selbst bedienen lassen.

Genau dabei unterstütze ich Solo-Selbstständige seit über 6 Jahren - mit Website-Strategie, smartem Marketing und ganz viel WordPress- und Divi-Know-how.

2 Kommentare

Carolin Reiter on 8. Oktober 2024 at 20:23

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
- Stefanie Motiwal on 9. Oktober 2024 at 13:33
  
  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