Блог

Я пытаюсь справиться с проблемой создания эффекта неровного края на div. Нижний край этого div должен выглядеть как эта рваная граница div

Я рассматривал возможность создания нескольких путей клипа с изображением svg, однако я боюсь проблем с ответственностью. Также я бы не хотел использовать готовое изображение для этой цели, если есть лучший способ добиться этого эффекта. Кто-нибудь может мне помочь?

используйте маску:

 .box {
  height: 100px;
  background: red;
  -webkit-mask:radial-gradient(circle 15px at bottom,#0000 98%,#000) 0/40px 100% round;
} 

 <div class="box"></div>