Star Soft Clip Path CSS
Star Soft is a safer crop with less aggressive corners for CSS clip-path layouts.
clip-path
Editable Shape
Output
Copy-ready CSS
Pure CSS
clip-path: polygon(50% 6%, 60.6% 36.8%, 94% 36.8%, 66.7% 55.3%, 78.2% 94%, 50% 69.4%, 21.8% 94%, 33.3% 55.3%, 6% 36.8%, 39.4% 36.8%);Tailwind v4
[clip-path:polygon(50%_6%\,_60.6%_36.8%\,_94%_36.8%\,_66.7%_55.3%\,_78.2%_94%\,_50%_69.4%\,_21.8%_94%\,_33.3%_55.3%\,_6%_36.8%\,_39.4%_36.8%)]When to use it
Star Soft 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 Soft is a safer crop with less aggressive corners 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 Soft.
Triangle Soft
Triangle Soft is a safer crop with less aggressive corners for CSS clip-path layouts.
Hexagon Soft
Hexagon Soft is a safer crop with less aggressive corners for CSS clip-path layouts.
Octagon Soft
Octagon Soft is a safer crop with less aggressive corners for CSS clip-path layouts.
Pentagon Soft
Pentagon Soft is a safer crop with less aggressive corners for CSS clip-path layouts.
Star Classic
Star Classic is clean geometric clipping for CSS clip-path layouts.