Есть картинка, у которой нужно скруглить углы, но при этом оставить тень. Сейчас подложка под картинкой со скругленными углами и с тенью, но на белом фоне и по размерам выходит за края изображения. Однако, если свойству box-shadow
назначить прозрачный цвет, то сама тень исчезнет - как можно решить задачу?
.owl-item {
box-shadow: 0 22px 87px rgba(0, 0, 0, 0.3);
opacity: 0.3;
border-radius: 30px;
}
<div class="owl-item active center">
<div class="item">
<img src="http://placehold.it/350x150">
</div>
</div>