De filterende werking wordt aangedreven door CSS 3 overgang animaties.
Semantisch, de filters zijn radio knoppen.
Het selecteren of deselecteren een radio-knop gewoon schakelt de zichtbaarheid van filtreerbare elementen die dezelfde klasse te delen als de radio-knop.
Voor deze fundamentele actie geen JavaScript nodig is, zodat betekent dit dat de filtering widget kan werken met JS uitgeschakeld, of op mobiele apparaten, waar JS ondersteuning is problematisch.
Sinds het in- of uitschakelen van de zichtbaarheid van een HTML-element kan worden gewijzigd door CSS 3 transformaties en overgangen, met een beetje fantasie, kan de werkelijke filtering actie worden verbeterd veel.
. Drie demo's zijn inbegrepen bij het downloadpakket
Eisen
- CSS 3 enabled browser
Reacties niet gevonden