CSS Generators

A Polygon shape with clip-path

Create any kind of polygon using clip-path.
Triangle, Rhombus, Hexagon, Octagon, and more!

Number of sides(10)
Rotation
.box {
  width: 200px;
  aspect-ratio: 1;
  clip-path: polygon(100% 50%,90.45% 79.39%,65.45% 97.55%,34.55% 97.55%,9.55% 79.39%,0% 50%,9.55% 20.61%,34.55% 2.45%,65.45% 2.45%,90.45% 20.61%);
}
Support This Project
?