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

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

Привет!

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

#css

74 просмотров
0
Loading...
Комментарии (1)
grom 19.02.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-х сторон. Они могут быть разные.
0

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Найди ответ на любой вопрос по Веб-разработке!
задать вопрос...
Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.
Метки:
[ все метки ]
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 33519]
[1]
15 Апр 2021, 08:29
Переполнение памяти Nuxt.js
[просмотров 29374]
[2]
03 Июн 2014, 17:19
Большой сборник интернет сайтов по веб-разработке и не только
[просмотров 29276]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 29127]
[65]
20 Дек 2011, 15:53
Удалить пробелы в начале и конце строки и переход на новую строку
[просмотров 25187]
[125]
24 Окт 2018, 15:59
React Native и React.js — что и как, в чем разница, где применять
[просмотров 16519]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 14194]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 11557]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 10731]
[50]
31 Дек 2011, 14:57
Cron запускать раз в неделю
[просмотров 8647]

Вести с Хабра

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