WebTools
首頁
✂️

CSS clip-path Generator

Create CSS clip-path shapes visually by dragging points

使用方法

Select a shape type and drag points to customize. Double-click to add new points to polygons. Use presets for common shapes.

  • Polygon/Circle/Ellipse/Inset shapes
  • Drag-and-drop point editing
  • Preset shapes (triangle, star, arrow)
  • Real-time CSS output

使用案例

  • When creating custom shaped elements
  • When designing image masks
  • When building creative UI layouts

分享

相關工具