Hallo Zusammen
Kann mir hier evt. jemand helfen, wie man mit CSS einen Scroll-Effekt auf einem Bild erstellt, bei dem eine Farbe von links nach rechts über das Bild läuft?
Hier ist ein Beispiel, wie es sein sollte:
Wenn die Website geladen wird, sollte der Effekt über das Bild (kein Hindergrundbild) laufen, danach sieht man nur noch das Bild ohne Effekt.
Vielen Dank für eure Hilfe 
Das kannst du doch mit fast jeder Slideshow realisieren.
Schau dir das mal bei UIKIT an:
Viele Slideshowerweitergungen haben die Möglichkeit, dass du die Zeit für den Bildwechsel einstellen kannst.
Schau dich hier mal um:
Hier der Link:
Nach dem grossen Headerbild ist die Animation und weiter unten nochmals eine andere im gleichen Stil. Ich möchte es so wie unten 😊
Ach danke, jetzt verstehe ich. Du willst das bild sozusagen von links einfliegen lassen.Man kann es auch selber machen - wenn man kann. Aber dafür sind Erweiterungen praktischer.
Moin,
suche einmal nach "CSS3 Animation".
Da könnte etwas für dich dabei sein.
Christian
Auf dieser Seite gibt es einige Beispiele wie man es mit CSS realisieren kann: https://www.littlesnippets.net/
Dann schau nochmal richtig nach.
Ich habe dir z.B. in #2 doch Slideshows empfohlen und da hovert nichts.
Hi Dirk
Die habe ich mir natürlich bereits angeschaut Aber irgendwie gibt's auch dort nicht das was ich brauche.
ok - das mit dem scrollen habe ich überlesen. Da wäre das Stichwort Viewport. Ein recht schlankes JS gibt es hier:
https://stackoverflow.com/ques…to-start-once-in-viewport
Das was Du dann möchtest, wäre die Kombination aus beidem. Einmal die Animation mittels CSS und Ausführung statt des hover beim scrollen mittels JS.
Ich finde im Quellcode den Begriff 'flickity-slider',
und konnte das dazu finden (vielleicht hilfreich):
Ergänzend:
Weiß nicht, ob das hier so funktioniert:
