Есть блок со треугольником-указателем снизу и обводкой тени вокруг. Вопрос: можно ли как-то с помощью стилей сделать тень вокруг треугольника, а не прозрачной подложке на которой он лежит или это не возможно? Фидл
div {
width: 100px;
height: 100px;
background-color: yellow;
position: relative;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
div:after {
content: "";
display: block;
position: absolute;
bottom: -13px;
left: 35px;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 15.5px 0 15.5px;
border-color: yellow transparent transparent transparent;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
<div></div>