Animation beim Scrollen mit eigenem JavaScript und neuer CSS

CSS und andere hilfreiche Anweisungen
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 6376
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Animation beim Scrollen mit eigenem JavaScript und neuer CSS

Ungelesener Beitrag von Tommy Herrmann »

Mobirise bietet ja den Schalter "Animation on Scroll" in den globalen Style-Einstellungen am Pinsel an. Diese Option hat allerdings den Nachteil, dass damit alle Elemente des gesamten Projektes von jedem Block animiert werden und das immer nur mit einer von 100 möglichen Animationen, die diese CSS-Datei "animation.css" eigentlich zu bieten hat:

https://animate.style/

Ich habe nun, mit Hilfe der KI "ChatGPT", einige neue Skripte entwickelt und diese neue CSS-Datei für die Animationen verwendet.


Hier nur im Header:

https://www.mobirise-tutorials.com/Tuto ... ionen.html


Hier auf der gesamten Seite mit der gleichen Animation aber nur an ausgewählten Blöcken:

https://www.mobirise-tutorials.com/Tuto ... croll.html


Hier auf der gesamten Seite mit beliebig unterschiedlichen Animationen an ausgewählten Blöcken:

https://www.mobirise-tutorials.com/Tuto ... tiple.html
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste