Вход | Регистрация | FAQ
Anonymous

Состыковать 2 блока с тенями.

+ Ответить

Сообщений: 2 Страница 1 из 1


Состыковать 2 блока с тенями.

ssdas » Вт окт 28, 2014 9:44 pm

Доброго времени суток.
Я новичок, учусь для себя по книжкам, в общем чайник.
Есть два разных блока, оба с тенью по всему диаметру (box-shadow: 1px 0px 10px #000000;). Картинка прилагается.
Если убрать тени, блоки визуально сливаются в один, без швов, чего я и хочу добиться. Но, с добавлением теней, тень одного из блоков естественно накладывается на второй блок.
Вопрос, можно ли скрыть эту тень на стыке блоков, сохранив все остальные тени? Если просто сместить тень вниз на 10px (10 = радиус моего blur), шов пропадает, но сверху заметно отсутствие этих десяти пикселей по бокам, а снизу заметная лишняя полоса в 10 черных пикселей, то есть не вариант.

Вложения

  1. 1.png (4.36 Кб) Скачиваний: 1475

Аватара пользователя

ssdas

  • Сообщения: 1
  • Зарегистрирован: Вт окт 28, 2014 9:25 pm

Re: Состыковать 2 блока с тенями.

XainPro » Сб ноя 01, 2014 1:00 pm

-moz-box-shadow: 0px 10px 12px 0px #000,
0px -10px 12px 0px #000;
-webkit-box-shadow: 0px 10px 12px 0px #000,
0px -10px 12px 0px #000;
box-shadow: 0px 10px 12px 0px #000,
0px -10px 12px 0px #000;


Вы можете добавить тени на границах 1 на 1 и не добавлять тень к взаимодействующим границы
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm


+ Ответить

Страница 1 из 1