• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Background beim Scrollen verschwinden lassen?

kristalljunge

Mitglied
Hey,

ich hab auf folgender Seite (http://www.wired.com/category/magazine) ein ganz geilen Effekt gesehen. Und zwar "verschwindet" das Hintergrundbild beim scrollen nach unten...

Ich hab versucht mir via Google zu helfen, aber ich weiß einfach nicht, wonach ich suchen soll...

Kann mir da jemand helfen? Weiß jemand wie ich das anstelle?
 
Werbung:
Ich nehme mal an, ohne jetzt in den Quellcode zu schauen, dass ein div-container hinter den Seitenelementen platziert worden ist, welches von transparent zu weiss übergeht, also so wie hier gezeigt: http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear_trans
Nur dass das ganze natürlich nicht waagerecht sondern senkrecht ist, aber das versteht sich ja wohl von selbst.
JavaScript wirst du also gar nicht mal benötigen, geht ganz mit CSS.
 
Jaaaaa, perfekt. Ich habe es "fast" hinbekommen.
Wie steuer ich das denn, dass es quasi schneller zur Farbe wechselt?
Ich hätte gern, ähnlich wie bei der Seite, dass bei der Hälfte das Bild schon weg ist, und nur noch Farbe.
Bei dem Code ist, wenn man ganz nach unten gescrollt hat, immernoch eine Transparenz da.
 
Werbung:
Zurück
Oben