Demonstracja działania wyświetlania obrazka z przeplotem

Pomysł zainicjowany został artykułem Facebook Poke nie gwarantuje prywatności rozmów (wbrew opiniom krążącym po sieci) na Niebezpieczniku.

Projekt bazuje na jednym obrazku, zawierającym scalone (w pionie) 3 wersje zdjęcia: pierwsze normalne (któe jest wyświetlane u góry strony), a pozostałe dwa stanowią rozbicie tego zdjęcia, szybko nałożone na siebie powinny dać zdjęcie wzorcowe.

Przełączenie obu częściowych zdjęć następuje co ileś milisekund, czas ten można zmieniać ręcznie w celu uzyskania najlepszego efektu (domyślnie jest to 20 ms, co daje częstotliwość 25 półobrazów na sekundę). Technicznie przełączanie zdjęć polega na zmianie klasy (CSS) dolnego zdjęcia.

Zajrzyj tutaj by zobaczyć demo wyświetlania przykładowego obrazka (z powyższego artykułu).

Powrót do strony z wykazem ciekawostek

Valid HTML 4.01 TransitionalValid CSS