CSS Tekstschaduw Generator — Slagschaduw op Tekst Instellen

CSS text-shadow voegt schaduwen toe aan tekst — voor diepte, leesbaarheid op complexe achtergronden of decoratieve effecten. Onze generator laat je visueel instellen en geeft directe code.

Text-shadow syntaxis

text-shadow: hoffset voffset vervaging kleur. Meerdere schaduwen gescheiden door komma's. text-shadow: 2px 2px 4px rgba(0,0,0,0.3) is een subtiele slagschaduw. text-shadow: 0 0 20px #fff geeft een gloei-effect.

Populaire effecten

Slagschaduw voor leesbaarheid op complexe achtergronden. Lange schaduw: meerdere schaduwen met toenemende offset simuleren een 3D-extrusie. Gloei-effect: geen offset, grote vervaging, lichte kleur. Retro-druk: harde schaduw met offset en geen vervaging.

Leesbaarheidsoverweging

Tekstschaduwen verbeteren leesbaarheid wanneer tekst op afbeeldingen of gradiënten staat. Maar overdreven schaduwen verminderen juist de leesbaarheid. Subtiele schaduwen (lage opaciteit, kleine offset) zijn professioneler dan opvallende effecten.