<div class="position-relative">
<div
class="svg-wrapper bg-image shadow-1-strong rounded-lg"
style="
background-image: url('https://mdbcdn.b-cdn.net/img/new/slides/026.webp');
height: 400px;
"
>
<svg
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1200 120"
preserveAspectRatio="none"
class="svg"
:style="shapeStyle"
>
<path v-bind:d="d"></path>
</svg>
</div>
</div>
Shape
Flip
How to use it?
1. Download MDB 5 - free UI KIT
2. Create the shape you like
3. Copy the generated code and paste it into the MDB project