Star Classic Clip Path CSS
Star Classic is clean geometric clipping for CSS clip-path layouts.
clip-path
Editable Shape
Output
Copy-ready CSS
Pure CSS
clip-path: polygon(50% 0%, 62% 35%, 100% 35%, 69% 56%, 82% 100%, 50% 72%, 18% 100%, 31% 56%, 0% 35%, 38% 35%);Tailwind v4
[clip-path:polygon(50%_0%\,_62%_35%\,_100%_35%\,_69%_56%\,_82%_100%\,_50%_72%\,_18%_100%\,_31%_56%\,_0%_35%\,_38%_35%)]When to use it
Star Classic is a star clip-path preset for interface shapes, cropped media blocks, section edges, and decorative CSS cuts. It uses 10 polygon points, which keeps the effect readable while still giving the element a custom silhouette. Star Classic is clean geometric clipping for CSS clip-path layouts. The preset is written as plain CSS, so it works with images, cards, gradient panels, and pseudo-elements without requiring SVG assets. Use it when a rectangular block feels too flat, or when a star shape needs to guide attention across a page. Open it in the generator to drag individual vertices, switch templates, and copy the updated clip-path or Tailwind arbitrary value.
Explore more
More CSS Forge paths
Related
Similar clip paths
These presets share shape and layout tags with Star Classic.
Star Soft
Star Soft is a safer crop with less aggressive corners for CSS clip-path layouts.
Star Sharp
Star Sharp is a dramatic decorative silhouette for CSS clip-path layouts.
Star Banner
Star Banner is a wide cut designed for headers and ribbons for CSS clip-path layouts.
Star Divider
Star Divider is an edge-forward crop for page dividers for CSS clip-path layouts.
Star Compact
Star Compact is a tight badge-like shape for small UI accents for CSS clip-path layouts.