Nieruchome tła - poradnik CSS

Witajcie! Wreszcie udało mi się zebrać na to, aby napisać post zgodny z przeznaczeniem tego bloga. Na pomysł tego poradnika wpadłam właśnie podczas robienia szablonu. Efekt nie jest szczególnie trudny do osiągnięcia, tak naprawdę to jest banalny. Jednak pasuje to tylko do blogów czy stron w takim stricte nowoczesnym stylu.

Przejdźmy do rzeczy. Na pewno odwiedzacie strony internetowe w stylu modern - chociażby po to, aby poszukać inspiracji do szablonów minimalistycznych. Mnie na takich stronach bardzo spodobał się jeden efekt, jednak za nic nie mogłam wymyślić, jak go zrobiono. Chodziło o to, że po wejściu na stronę główną mieliśmy duży, ładny, nieruchomy obrazek, który po scroolowaniu chował się pod zwykle jednolitym tłem. Myślę sobie - ok, nieruchome tło i zwykła ramka, nic nadzwyczajnego. Ale co mamy dalej? Tło się kończy i mamy kolejny obrazek, również nieruchomy, wynurzający się spod tego jednolitego tła. Kolejne tło? Czyżby istniał jakiś kod, który zmienia obrazek tła po zjechaniu do danego momentu? Wystarczyło pomniejszyć stronę, aby zauważyć, że te obrazki są od siebie niezależne i możemy oglądać je wszystkie jednocześnie przy odpowiednio dużym pomniejszeniu.