CSS clip-path editor
Edit polygon points or insets and export a checked clip-path.
- Runs in your browser
- No upload
- Check before download
Inputs stay in this tab and are not uploaded or saved automatically. Optional aggregate usage counts and coarse processing diagnostics are sent only after consent, without input content or filenames. Clearing or closing loses inputs; save needed outputs first.
Resource limits
Percent polygon: 3–32 points, X/Y 0–100. Insets: four sides 0–100%, no inverted box; radius 0–50%. Use numeric inputs or arrow keys on points. Local bounded preview, not a universal browser/layout guarantee. Inputs are never executed. Download HTML and CSS together. Watchdog: 8 seconds.
How to use
- Configure the example
Choose polygon and edit X/Y using fields, dragging or arrow keys. Add/remove points as needed; switch to inset for four edges and rounded corners. Generate to validate and preview.
- Inspect before using
Inputs stay in this tab and are not uploaded or saved automatically. Optional aggregate usage counts and coarse processing diagnostics are sent only after consent, without input content or filenames. Clearing or closing loses inputs; save needed outputs first. Percent polygon: 3–32 points, X/Y 0–100. Insets: four sides 0–100%, no inverted box; radius 0–50%. Use numeric inputs or arrow keys on points. Local bounded preview, not a universal browser/layout guarantee. Inputs are never executed. Download HTML and CSS together. Watchdog: 8 seconds.
- Export the checked result
Download result; Download original
Questions and limits
Resource limits
Percent polygon: 3–32 points, X/Y 0–100. Insets: four sides 0–100%, no inverted box; radius 0–50%. Use numeric inputs or arrow keys on points. Local bounded preview, not a universal browser/layout guarantee. Inputs are never executed. Download HTML and CSS together. Watchdog: 8 seconds.
Offline design
Inputs stay in this tab and are not uploaded or saved automatically. Optional aggregate usage counts and coarse processing diagnostics are sent only after consent, without input content or filenames. Clearing or closing loses inputs; save needed outputs first.
Inspect before using
Choose polygon and edit X/Y using fields, dragging or arrow keys. Add/remove points as needed; switch to inset for four edges and rounded corners. Generate to validate and preview.