Home > database >  How to change the bottom border format
How to change the bottom border format

Time:10-23

I'm trying to create a border like the image

enter image description here

Then, add it as a clip-path path

.onlyForTheShadow {
  filter: drop-shadow(0 3px 0 black);
}

.customBorder {
  width: 500px;
  height: 100px;
  background: orange;
  clip-path: path('m 0,0 v 90 c 3.8,0.6 6.55,10 10,10 H 139.5 440 490 c 3.45,-0 6.2,-9.4 10,-10 V 0 H 440 139.5 Z');
}
<div >
  <div ></div>
</div>

When drawing the image, make sure the path doesn't have a transform. If it does, try to ungroup it or, pop it out of a layer.

  • Related