VDS за 300р от нашего партнера SpaceWeb
[118]
19 Фев 2014, 15:19

Свойство box-shadow сделать разные тени у одного div-блока

Привет!

Как делать разные тени с использованием box-shadow у одного div-блока?
Нужно что-бы у блока были внутренние тени, верхняя тень должна быть темнее боковых. Как этого добиться?

#css

6 просмотров
0
Loading...
Комментарии (1)
grom
19 Фев 2014, 20:45
#

Можно задавать тени для каждой стороны:

box-shadow: inset -8px 8px 25px -12px rgba(0,0,0,0.5), inset 0 6px 4px -5px rgba(0,0,0,0.5),  inset -8px 8px 25px -12px rgba(0,0,0,0.5),  inset 0 6px 4px -5px rgba(0,0,0,0.5);

Вот задание теней для 4-х сторон. Они могут быть разные.

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
[ все метки ]
Лучшее
[2]
03 Июн 2014, 17:19
Большой сборник интернет сайтов по веб-разработке и не только
[просмотров 17104]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 2271]
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 1953]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 1708]
[58]
29 мая 2012, 12:08
Узнать версию PHP из командной строки
[просмотров 1699]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 1688]
[65]
20 Дек 2011, 15:53
Удалить пробелы в начале и конце строки и переход на новую строку
[просмотров 1632]
[118]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 1399]
[49]
17 Сен 2011, 15:13
FileZilla перетаскивание файлов
[просмотров 1298]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 1292]

Вести с Хабра

Юзер
Вход
Регистрация
Посты
Вопросы
Новости
Статьи
Ссылки
Инфо
О сайте
Правила
Справка
Поддержка
Услуги
Реклама
Web.onRails © 2011-2019