(Máte-li Internet Explorer verze 9 nebo starší, který text-shadow nepodporuje, nic zajímavého zde neuvidíte.)
Pokusný text s nastavením text-shadow: 1px 1px 3px #000;
Jiný text s nastavením -5px 5px 3px #800;
Jiný text s nastavením 0px 0px 10px #080;
Nejlépe čitelné je nastavení malého stínu (třetí hodnota), malých posunů stínu vpravo a dolů a velmi světlého stínu, např. zápisem text-shadow: 0.5px 0.5px 0.01px #ccc;
Velký tučný text s nastavením text-shadow: 1px 1px 2px gray;
Pokus o zdvojené písmo text-shadow: 20px 8px blue;
Dvojitý stín zápisem text-shadow: 16px -4px 2px green, 4px 16px 2px red;
Reliéfní písmo zadává barvu písma stejnou jako je pozadí, ale přidá stín. color: white; text-shadow: 2px 1px 0px gray; Pozor, nebude vůbec vidět v IE9
Pro detailní pochopení příkladu si zobrazte zdroj. Příklad se vztahuje k CSS vlastnosti text-shadow.