Как сделать тень CSS

Для добавления тени почти что к любому элементу в html нужно добавить следующие свойства:

.shadow

{-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */

-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */

box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ }

Синтаксис:

box-shadow: none | inset "сдвиг по x" "сдвиг по y" "радиус размытия" "растяжение" "цвет"

пример 1 box-shadow: 0 0 10px rgba(0,0,0,0.5);

пример 2 box-shadow: inset 0 0 10px #F60

Пример 1: тень 10px цвет #000 0.5 прозрачность

Пример 2: тень inset 10px цвет #F60

Рассказать: