Generátor Text Shadow
CSS text-shadow generátor nastaví posun, rozostření, barvu a průhlednost stínu textu s živým náhledem a umožní skládat více vrstev stínů pro záři, obrys a 3D efekty textu.
O tomto nástroji
CSS text-shadow generátor nastaví posun, rozostření, barvu a průhlednost stínu textu s živým náhledem a umožní skládat více vrstev stínů pro záři, obrys a 3D efekty textu.
Jak ho použít
- Uprav vodorovný a svislý posun a rozostření.
- Vyber barvu a průhlednost stínu a také barvu a velikost textu.
- Kliknutím na Add Layer přidáš další stín; Reset Layers začne znovu.
- Klikni na Copy CSS.
Dobré vědět
- Syntaxe text-shadow je: offset-x offset-y blur-radius color.
- Na rozdíl od box-shadow nemá text-shadow hodnotu spread ani klíčové slovo inset.
- Více stínů se odděluje čárkami a vykresluje se tak, že první je nahoře.
- Stín s nulovým posunem a rozostřením vytváří efekt záře.
- Složením několika posunů o 1 px vznikne 3D nebo letterpress vzhled.
Běží celý ve vašem prohlížeči — nic, co zadáte, se nenahrává ani neukládá.
Časté dotazy
Jak v CSS přidám stín k textu?
Použij text-shadow, například text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
Jak udělám zářící text?
Použij nulové posuny s rozostřením a jasnou barvou, například text-shadow: 0 0 8px #1db954; pro silnější záři skládej vrstvy.
Můžu použít více než jeden stín textu?
Ano. Stíny odděl čárkami; tento nástroj přidá každou vrstvu za tebe.
Ovlivňuje text-shadow čitelnost?
Jemné stíny můžou zlepšit čitelnost na obrázcích, ale výrazné stíny ji snižují — zkontroluj kontrast pomocí kontrolního nástroje kontrastu.