התחבר | הרשמה | שאלות נפוצות
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 KiB) הורד 2431 פעמים

סמל אישי של המשתמש

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