CSS Parallax


I denna artikel tänkte jag gå igenom en enkel metod för att skapa en CSS parallax effekt. Det hela går ut på att ha en bakgrundsbild eller färg som är fixerad och har en viss höjd och då kommer nästa element att skrolla över den när man skrollar ner för sidan.

Vi börjar med en HTML-bas:

..och så CSS koden:

Här förutsätter jag att bilderna finns i en mapp kallad img.

Det var allt för den här gången, nästa gång tänkte jag göra effekten lite mer avancerad med hjälp av JavaScript och mer CSS. Tills nästa gång, koda smart 😉

Lämna en kommentar

E-postadressen publiceras inte. Obligatoriska fält är märkta *