Как сделать тень 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
Рассказать: