Questa prima sezione del sito ha l'effetto di parallasse, consentendo allo sfondo di muoversi ad una velocità leggermente più lenta rispetto al contenuto della pagina.
Ci sono due div contenitori in questa sezione, ai quali vengono applicate due immagini di sfondo. Sono Impostati per muoversi a velocità differenti così che l'immagine sopra si muova più velocemente di quella sullo sfondo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nibh erat, sagittis sit amet congue at, aliquam eu libero. Integer molestie, turpis vel ultrices facilisis, nisi mauris sollicitudin mauris, volutpat elementum enim urna eget odio. Donec egestas aliquet facilisis. Nunc eu nunc eget neque ornare fringilla. Nam vel sodales lectus. Nulla in pellentesque eros. Donec ultricies, enim vitae varius cursus, risus mauris iaculis neque, euismod sollicitudin metus erat vitae sapien. Sed pulvinar.
Questa terza sezione è simile alla prima del sito e possiede l'effetto parallasse che consente allo sfondo di muoversi ad una velocità leggermente più lenta rispetto al contenuto della pagina.
Qua utilizziamo più sfondi in maniera un po' differente: questa sezione ha tre sfondi su altrettanti livelli, per dare un maggiore senzo di profondità.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nibh erat, sagittis sit amet congue at, aliquam eu libero. Integer molestie, turpis vel ultrices facilisis, nisi mauris sollicitudin mauris, volutpat elementum enim urna eget odio. Donec egestas aliquet facilisis. Nunc eu nunc eget neque ornare fringilla. Nam vel sodales lectus. Nulla in pellentesque eros. Donec ultricies, enim vitae varius cursus, risus mauris iaculis neque, euismod sollicitudin metus erat vitae sapien. Sed pulvinar.
Hai fatto scorrere la pagina fino in fondo e sei riuscito a vedere l'intero sito apparire su di essa.
Probabilmente non sarà una buona idea utilizzare questo metodo per un sito con un sacco di contenuti, poichè la pagina si appesantirebbe, rallentandosi.