Я пытаюсь достичь этого: < /p>
< /p>
Я не мог найти ничего подобного, но здесь моя неудачная попытка: < /p>
/>
#one {
width: 200px;
height: 100px;
background-color: white;
box-shadow: 0px 0px 20px #2D8DBD;
left: 50px;
display: inline-block;
margin-right: -100px;
}
#two {
width: 200px;
height: 100px;
background-color: white;
box-shadow: 0px 0px 20px #B22D2D;
left: -50px;
display: inline-block;
margin-left: -50px;
z-index: -1;
}< /code>
< /code>
< /div>
< /div>
< /p>
demo jsfiddle. http://designposts.net/fresh-free-css3- ... tutorials/, но мое изображение обернуто, и это оказывается как квадрат.
Подробнее здесь: https://stackoverflow.com/questions/304 ... dow-border
