CSS Generators

A cool divider between your sections

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

Find Out More CSS Generators

CSS Custom Borders Custom Borders
CSS Custom Corners Custom Corners
CSS Gradient Shadow Gradient Shadows
CSS Starburst Shape Starburst Shape
CSS Polygon Shape Polygon Shape
CSS Wavy Shape Wavy Shapes
CSS Flower Shape Flower Shapes
CSS Triangle Triangle Shapes
CSS Ribbon Ribbon Shapes
CSS Tooltip/Speech Bubble Tooltips/Speech Bubbles
?