ToolCabana

CSS clip-path maker

Draw polygon masks with a preview and copyable CSS.

Favorites are saved in this browser. Find them in My favorites.

CSS clip-path maker

Your input stays in this browser unless stated otherwise
Clear your input, files and result, and restore the default settings.
=

Make it yours

Adjust the values, then get your result.

كيفية استخدام CSS clip-path maker

  1. Enter the requested values in the settings panel.
  2. Set polygon points (% x,y; one pair per line).
  3. Run css clip-path maker, review the output, then use the available copy or download controls.

وظائف هذه الأداة

Draw polygon masks with a preview and copyable CSS.

Polygon points (% x,y; one pair per line)
Set this value for your task.

الحدود والمعالجة

Images use the existing 32-megapixel canvas bound. Up to 100 source images are allowed where supported. Pasted HTML is bounded to 200,000 characters; Mermaid diagrams to 20,000 characters and 300 lines. SVG and PNG generation require a browser.

الأسئلة الشائعة

What does css clip-path maker do?

Draw polygon masks with a preview and copyable CSS.

Where is my input processed?

This operation processes its source in your browser. Copy and download are explicit actions; source input is not saved in an account or history.

What are the input limits?

Images use the existing 32-megapixel canvas bound. Up to 100 source images are allowed where supported. Pasted HTML is bounded to 200,000 characters; Mermaid diagrams to 20,000 characters and 300 lines. SVG and PNG generation require a browser.