CSS Clip Path Generator
Byg polygon og form klippestier med en interaktiv forhåndsvisning. Fantastisk til helteformer og billedmasker.
CSS Clip Path Generator
LiveCSS output
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
Key capabilities
- Byg polygon og form klippestier med en interaktiv forhåndsvisning.
- Kører i din browser
- Gratis at bruge
Sådan bruges
- Vælg en forudindstillet form eller polygonpunkter.
- Juster punkter efter behov.
- Kopier clip-path CSS'en.
How this tool works
- Vælg en forudindstillet form eller polygonpunkter.
- Juster punkter efter behov.
- Kopier clip-path CSS'en.
Recommended settings
- Brug først standardindstillingerne, og juster derefter om nødvendigt
Supported formats
Text / on-page input
File size and limits
- Meget komplekse flerlags forhåndsvisninger kan føles langsommere på ældre telefoner.
Privacy
Farve- og CSS-generatorer kører udelukkende i din browser. Forhåndsvisninger og konverteringer uploader aldrig dine stilarter.
Common use cases
- Brug CSS Clip Path Generator, når du har brug for det: Byg polygon og form klipstier med en interaktiv forhåndsvisning.
Troubleshooting
Eksempel ser anderledes ud efter indsætning
Tjek for konkurrerende CSS på din side (nulstillinger, nedarvede farver). Kopier først den genererede regel til et isoleret typografiark.
FAQ
Uploader dette min CSS?
Nej. Generatorer og konvertere kører i din browser med live preview.
Har jeg brug for en konto?
Nej. Åbn værktøjet, juster kontroller, og kopier CSS'en.
Relaterede værktøjer
CSS Triangle Generator
Generate CSS triangles with border tricks — direction, size, and color.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool