www.css-voorbeelden.nl

Volledig herschreven: tekst uit een ander bestand invoegen met behulp van PHP

Nieuw: met clip-path en drop-shadow() gemaakte pijl naar rechts. Bij aanraken, hoveren of tabben veranderen kleuren en r

Nieuw: met clip-path gemaakte pijl met schaduw. De schaduw volgt de omtrek van de pijl.

Volledig herschreven: pijl met tekst erin. Pijl past zich aan lettergrootte en vensterbreedte aan

Nieuw: knoppenbalk met bij elke knop een te openen paneel

Volledig herschreven: pagina met afbeelding, beschrijving en prijs van gereedschappen

Nieuw: schaduw rondom afbeeldingen met behulp van filter: drop-shadow()

Volledig herschreven: in smallere vensters inschuifmenu, in bredere vensters verticaal menu met tekeningen

Nieuw: bij focus verandert de rand van de rechthoek geleidelijk van kleur

Volledig herschreven: twee manieren om een afbeelding boven een andere afbeelding te centreren

Volledig herschreven: met behulp van shape-outside tekst uitlijnen naast een ronde of stervormige afbeelding

Nieuw: horizontaal en verticaal centreren van fixed of absoluut gepositioneerd element met (on)bekende grootte

Volledig herschreven: afhankelijk van het geactiveerde plaatje veranderen één tot vier plaatjes tijdelijk

Volledig herschreven: met flexbox gemaakte venstervullende lay-out met header, footer en drie altijd even hoge kolommen

Nieuw: boekenplank met (zichtbaar te maken) informatie over de boeken

Volledig herschreven: met behulp van border-radius gemaakte cirkel, ellips en onregelmatige rondhoekige figuren

Volledig herschreven: slideshow met thumbnails en afbeeldingen van verschillende grootte. Gebruikt zo weinig mogelijk ba

Nieuw: eerste actie geeft meer informatie, tweede actie volgt link

Herschreven: verticaal op gelijke afstand zetten van tekst (waaronder centreren)

Herschreven: bij aanraken van, hoveren over of tabben naar een gearceerd woord opent een illustratie

Nieuw: geluid afspelen met behulp van het <audio>-element

Herschreven: verticaal responsief uitklapmenu, tot vier niveaus diep

Herschreven: horizontaal responsief uitklapmenu, tot vier niveaus diep

Nieuw: verticaal slide-outmenu. Maakt gebruik van :target

Herschreven: horizontaal centreren van pagina of blok-element met bekende breedte