www.css-voorbeelden.nl

Tekstkleur aanpassen aan achtergrond met gebruik van mix-blend-mode
Voorbeeld: https://www.css-voorbeelden.nl/tekst/ef ... t-121.html
Uitleg: https://www.css-voorbeelden.nl/tekst/ef ... itleg.html

Met behulp van radioknoppen kiezen uit vijf combinaties van voor- en achtergrondkleur,
Voorbeeld: https://www.css-voorbeelden.nl/tekst/ef ... t-120.html
Uitleg: https://www.css-voorbeelden.nl/tekst/ef ... itleg.html

Volledig herschreven: drie manieren om pagina of blok-element met onbekende hoogte verticaal te centreren. Voorbeeld: https://www.css-voorbeelden.nl/positioneren/verticaal/positioneren-007.html Uitleg: https://www.css-voorbeelden.nl/positioneren/verticaal/positioneren-007-uitleg.html Voornaamste ver...

Lengte-eenheden in css (inclusief calc() en procenten). Met voorbeelden: https://www.css-voorbeelden.nl/artikele ... n-119.html

Volledig herschreven: flexibele tweekoloms lay-out met (vaste) header
Werkt nu ook op mobiel. Toegankelijkheid is verbeterd.
Voorbeeld: https://www.css-voorbeelden.nl/lay-out/ ... t-004.html, uitleg: https://www.css-voorbeelden.nl/lay-out/ ... itleg.html

Animatie speelt vooruit sneller af dan achteruit
Voorbeeld: https://www.css-voorbeelden.nl/animatie ... e-118.html
Uitleg: https://www.css-voorbeelden.nl/animatie ... itleg.html

Volledig herschreven: tweekoloms lay-out met header en menu Voorbeeld: https://www.css-voorbeelden.nl/lay-out/twee-kolommen/lay-out-003.html Uitleg: https://www.css-voorbeelden.nl/lay-out/twee-kolommen/lay-out-003-uitleg.html Belangrijkste wijziging: werkt nu ook in kleine vensters. Volledig menu to...

Art direction: browser beste afbeelding laten kiezen voor scherm en/of venster
Voorbeeld: https://www.css-voorbeelden.nl/afbeeldi ... g-117.html
Uitleg: https://www.css-voorbeelden.nl/afbeeldi ... itleg.html

Volledig herschreven: éénkoloms lay-out met (vaste) footer en (in bredere vensters) zijvleugels.
Voorbeeld: https://www.css-voorbeelden.nl/lay-out/ ... t-013.html
Uitleg: https://www.css-voorbeelden.nl/lay-out/ ... itleg.html

Éénkoloms lay-out met vast menu en kader.
Voorbeeld: https://www.css-voorbeelden.nl/lay-out/ ... t-005.html
Uitleg: https://www.css-voorbeelden.nl/lay-out/ ... itleg.html

Script om in kleiner venster kleinere video te downloaden
Voorbeeld: https://www.css-voorbeelden.nl/afbeeldi ... g-116.html
Uitleg: https://www.css-voorbeelden.nl/afbeeldi ... itleg.html

Nieuw: header, twee kolommen en footer.
Voorbeeld: https://www.css-voorbeelden.nl/lay-out/ ... t-002.html, uitleg: https://www.css-voorbeelden.nl/lay-out/ ... itleg.html

Met behulp van writing-mode of transform: rotate() tekst verticaal weergeven.
Voorbeeld: https//www.css-voorbeelden.nl/tekst/effecten/r ... t-115.html
Uitleg: https://www.css-voorbeelden.nl/tekst/ef ... itleg.html

Volledig herschreven: flexibele tweekoloms lay-out met (vaste) header en footer
Werkt nu ook op mobiel. Toegankelijkheid is verbeterd.
Voorbeeld: https://www.css-voorbeelden.nl/lay-out/ ... t-001.html, uitleg: https://www.css-voorbeelden.nl/lay-out/ ... itleg.html

Responsieve en toegankelijke tabel met (in bredere vensters) vaste kolomkoppen.
Voorbeeld: https://www.css-voorbeelden.nl/position ... n-114.html
Uitleg: https://www.css-voorbeelden.nl/position ... itleg.html

Lijst met links die groepsgewijs via trefwoorden kunnen worden getoond of verborgen.
Voorbeeld: https://www.css-voorbeelden.nl/lijst/lijst-113.html
Uitleg: https://www.css-voorbeelden.nl/lijst/li ... itleg.html

Volledig herschreven: Menu met knoppen. Symbool en/of tekst verschilt afhankelijk van bezocht of onbezocht. O.a. de toegankelijkheid en de werking op touchscreens zijn verbeterd. Voorbeeld: https://www.css-voorbeelden.nl/menu/knoppen/plat/menu-023.html, uitleg: https://www.css-voorbeelden.nl/menu/kn...

Serie blok-elementen met doorzichtige schaduw (box-shadow)
Voorbeeld: https://www.css-voorbeelden.nl/schaduw/schaduw-112.html
Uitleg: https://www.css-voorbeelden.nl/schaduw/ ... itleg.html

Volledig herschreven: menu met knoppen die verkleuren, afhankelijk van of link al is bezocht.
O.a. de toegankelijkheid is verbeterd.
Voorbeeld: https://www.css-voorbeelden.nl/menu/kno ... u-022.html, uitleg: https://www.css-voorbeelden.nl/menu/kno ... itleg.html

Flexibel kader bestaande uit afbeeldingen rondom blok-element (border-image)
Voorbeeld: https://www.css-voorbeelden.nl/kader/af ... r-111.html
Uitleg: https://www.css-voorbeelden.nl/kader/af ... itleg.html