CSS Generators

A cool divider between your sections

Add a nice divider between sections using CSS mask or clip-path. Slanted edge, Triangular, and Circular dividers!

Size
Gap
.top {
  clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 50px));
}
.bottom {
  clip-path: polygon(0 0,100% 50px,100% 100%,0 100%);
  margin-top: -40px;
}
Support This Project
?