Kafelki z efektem najazdu
Najedź na kafelek: unosi się, rzuca cień, a zdjęcie w środku delikatnie rośnie.
Kuchnia na wymiarZabudowa do ostatniego centymetra.
Szafa z drzwiamiDrzwi przesuwne albo uchylne.
GarderobaPółki, drążki i oświetlenie.
Najedź myszą albo przejdź klawiszem Tab - kafelek się unosi. Na telefonie kafelki stoją nieruchomo.
Co to daje
Odwiedzający od razu widzi, że kafelek jest klikalny - to częsta bolączka stron, na których ludzie klikają w napis, bo nie wiedzą, co jest linkiem. Ten sam stan dostaje fokus z klawiatury.
Kiedy to ma sens
Dla list usług, realizacji, wpisów bloga i produktów: każdego miejsca, gdzie kafelek prowadzi do podstrony.
Ile waży
Zero JavaScriptu, tylko style: ok. 0,6 kB po kompresji. Animowane są wyłącznie położenie i cień, więc układ nie drga. Na telefonie i przy ograniczeniu ruchu kafelki stoją nieruchomo.
Skrypt 0 kB · style ok. 0,6 kB (po kompresji)