CSS3 Text Shadow

Stínování textu.

text-shadow:
    _posun_x_
    _posun_y_
    (_rozostreni_)
    _barva_,
    (_dalsi_stiny_);

Podívejte se rovnou na příklad: cdpn.io/e/aDLCl.

text-shadow má dvojče — stínování boxu box-shadow. Na stránce o stínování boxu najdete detailnější popis syntaxe. Je velmi podobná.

Tip – stíny textu je možné řetězit a vytvořit až pseudo-3D efekty: markdotto.com/playground/3d-text

Podpora v prohlížečích

IE10+. Ve starších prohlížečích si můžete vybrat buď tvrdý fallback bez stínu (preferovaná varianta), nebo s pomocí podmínek Modernizru či IE podmíněných komentářů udělat IE8– variantu s pomocí microsoftího filtru DropShadow. Více hledejte v dokumentaci na webu Microsoftu. vrdl.in/0ar6x

Poznámka: Ukázky kódu v článku obsahují pouze standardní syntaxi podle CSS3 norem. Ve některých případech je potřeba použít vendor prefix varianty. Na aktuální situaci se podívejte na shouldiprefix.com.

Komentáře