Animation beim Scrollen mit eigenem JavaScript und neuer CSS

[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