Generátor CSS Text Shadow — Nastavení Stínu Textu

CSS text-shadow přidává stíny k textu — pro hloubku, čitelnost na složitých pozadích nebo dekorativní efekty. Náš generátor umožňuje vizuální nastavení a poskytuje okamžitý kód.

Syntaxe text-shadow

text-shadow: hoffset voffset rozmazání barva. Více stínů oddělených čárkami. text-shadow: 2px 2px 4px rgba(0,0,0,0.3) je jemný stín. text-shadow: 0 0 20px #fff vytváří efekt záře.

Populární efekty

Stín pro čitelnost na složitých pozadích. Dlouhý stín: více stínů s rostoucím offsetem simuluje 3D extrúzi. Efekt záře: žádný offset, velké rozmazání, světlá barva. Retro tisk: tvrdý stín s offsetem a bez rozmazání.

Zvažování čitelnosti

Stíny textu zlepšují čitelnost, když je text na obrázcích nebo přechodech. Přehnaně silné stíny však čitelnost snižují. Jemné stíny (nízká průhlednost, malý offset) vypadají profesionálněji než výrazné efekty.