6XC

CSS Tekstschaduw Generator

Ontwerp een text-shadow met verschuiving, vervaging, kleur en dekking — live voorbeeld op voorbeeldtekst.

937 weergaven

Voorbeeldkop

De eigenschap text-shadow

Syntax: text-shadow: x y vervaging kleur (geen spreiding, in tegenstelling tot box-shadow). Subtiele schaduwen tillen koppen van de pagina; sterke verschuivingen met nul vervaging creëren retro "harde schaduw"-stijlen; en meerdere door komma's gescheiden schaduwen kunnen contouren en neon gloeieffecten nabootsen.

Veelgestelde vragen

Hoe maak ik een neon gloed?

Gebruik nul verschuiving en stapel schaduwen met toenemende vervaging in een felle kleur: 0 0 6px, 0 0 12px, 0 0 24px — allemaal in de gloedkleur, op een donkere achtergrond.

Heeft text-shadow invloed op toegankelijkheid?

Zware schaduwen kunnen de leesbaarheid schaden. Houd body-tekst schaduwvrij en bewaar effecten voor grote koppen; controleer na toepassing altijd het contrast.

Vergelijkbare tools

CSS Kleurverloop Generator Ontwerp lineaire, radiale en conische CSS-kleurverlopen met live voorbeeld en kopieer de code. Genereren CSS Box Shadow Generator Ontwerp een box-shadow visueel — verschuiving, vervaging, spreiding, kleur, dekking en inset — met live preview. Genereren CSS Border-Radius Generator Rond elke hoek afzonderlijk of allemaal tegelijk af, in px of %, met live voorbeeld en kopieerbare CSS. Genereren CSS Rand Generator Ontwerp een rand visueel — breedte, stijl (solid, dashed, dotted, double…), kleur en radius — met live preview. Genereren