2px
2px
5px
50%
48px
AnyTools

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

  1. Uprav vodorovný a svislý posun a rozostření.
  2. Vyber barvu a průhlednost stínu a také barvu a velikost textu.
  3. Kliknutím na Add Layer přidáš další stín; Reset Layers začne znovu.
  4. 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.