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

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

1
2
3
4
.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); /* Параметры тени */ }

Синтаксис:

1
2
3
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

Комментарии


    active directory apple CSS cydia facebook google HTML IPB iphone java powershell proxy redirect sape squid twitter updates wsus Битрикс ВКонтакте Другие соц. сети Заработок Роутеры Яндекс виджет кнопки комментарии общение одноклассники ошибки публикация раскрутка рубрики
    Яндекс.Метрика