Кодинг > CSS

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

66

Для добавления тени почти что к любому элементу в 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

Комментарии

    Яндекс.Метрика