www.css-voorbeelden.nl

Nieuw: afbeelding als onderstreping. Afbeelding past zich aan de lengte van de tekst aan

Herschreven: ondoorzichtige tekst op meegroeiende doorzichtige achtergrond, gebruikt rgba()

Nieuw: twee kolommen die altijd even hoog zijn, ongeacht de inhoud

Volledig herschreven: footer altijd onderaan venster of lager ('sticky footer')

Volledig herschreven: lange tekst met inhoudsopgave. Inhoudsopgave en tekst zijn onafhankelijk te scrollen

Nieuw: met behulp van counter(), calc(), en dergelijke allerlei statistische gegevens over aankruisvakjes weergeven

Volledig herschreven: menu met knoppen. Aanraking/klik volgt gelijk link; hoveren/focus verschuift eerst afbeelding

Volledig herschreven: menu met knoppen. Aanraking/klik volgt gelijk link; hoveren/focus verandert eerst link

Nieuw: tekstkleur aanpassen aan achtergrond met gebruik van mix-blend-mode

Nieuw: kiezen uit vijf combinaties van voor- en achtergrondkleur

Herschreven: drie manieren om pagina of blok-element met onbekende hoogte verticaal te centreren

Nieuw artikel: lengte-eenheden in css (inclusief calc() en procenten)

Herschreven: tweekoloms lay-out met vaste header

Nieuw: animatie speelt vooruit sneller af dan achteruit

Herschreven: tweekoloms lay-out met header en menu

Nieuw: art direction: browser beste afbeelding laten kiezen voor scherm en/of venster

Herschreven: éénkoloms lay-out met (vaste) footer en (in bredere vensters) zijvleugels

Nieuw: éénkoloms lay-out met vast menu en kader

Nieuw: script om in kleiner venster kleinere video te downloaden

Nieuw: tweekoloms lay-out

Nieuw: tekst verticaal weergeven

Gewijzigd: tweekoloms lay-out met vaste header en footer

Nieuw: responsieve en toegankelijke tabel met (in bredere vensters) vaste kolomkoppen

Nieuw: lijst met links die groepsgewijs via trefwoorden kunnen worden getoond of verborgen

Gewijzigd: menu met knoppen. Symbool en/of tekst verschilt afhankelijk van bezocht of onbezocht