Jak vytvořit prostorový HTML element z několika box-shadow
box-shadow může mít libovolný počet hodnot. Proto je možné nahradit obrázky formátů JPEG, PNG, dokonce i GIF. Je možné, ale není nutné. Ale vytvoření objemu může být užitečné, například, aby udělat krásné trojrozměrné tlačítko .
<div id="cube"></div>
Efekt stínu bloku
Stín kolem div CSS
Hmm, jestli objekt vrhá stín, když světlo dopadá na něj seshora? Ano, v
případě, že objekt je vzdálený od povrchu. Čím dále, tím intenzivnější je stín.
Osobně jsem to ověřoval baterkou. 
CSS stín na jedné straně
Dole (pod blokem div)
Po stranách (zprava a zleva)
Vícevrstvý blok pomocí box-shadow
Různobarevný CSS rámeček
CSS vnitřní stín bloku (uvnitř elementu)
Jak udělat vtlačený element
Jak se dělá konvexní element se zaoblenými rohy
box-shadow a HTML tag input
<input type="text" placeholder="jméno nebo email" class="shadow"/> <input type="password" placeholder="heslo" class="shadow">
Nebo prosvícení uvnitř input (vznikl pěkný přihlašovací formulář CSS):
<input type="text" placeholder="jméno nebo email" class="backlight"/> <input type="password" placeholder="heslo" class="backlight">
box-shadow a transition nebo animation
box-shadow lze plynule měnit, ale musíme brát v úvahu zvláštnost této změny:
? ne ano<span class="dva1">?</span> <span class="dva2">ne</span> <span class="dva3">ano</span>