#javascript #html #css #vue.js #sass
Вопрос:
Я пытаюсь справиться с проблемой создания эффекта неровного края на div. Нижний край этого div должен выглядеть как эта рваная граница div
Я рассматривал возможность создания нескольких путей клипа с изображением svg, однако я боюсь проблем с ответственностью. Также я бы не хотел использовать готовое изображение для этой цели, если есть лучший способ добиться этого эффекта. Кто-нибудь может мне помочь?
Ответ №1:
используйте маску:
.box {
height: 100px;
background: red;
-webkit-mask:radial-gradient(circle 15px at bottom,#0000 98%,#000) 0/40px 100% round;
}
<div class="box"></div>