CSS Clip Path Generator
Vytvářejte polygonové a tvarové ořezové cesty pomocí interaktivního náhledu. Skvělé pro tvary hrdinů a obrazové masky.
CSS Clip Path Generator
LiveCSS output
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
Key capabilities
- Vytvářejte polygonové a tvarové ořezové cesty pomocí interaktivního náhledu.
- Běží ve vašem prohlížeči
- Zdarma k použití
Jak používat
- Vyberte přednastavený tvar nebo polygonové body.
- Podle potřeby upravte body.
- Zkopírujte CSS cesty klipu.
How this tool works
- Vyberte přednastavený tvar nebo polygonové body.
- Podle potřeby upravte body.
- Zkopírujte CSS cesty klipu.
Recommended settings
- Nejprve použijte výchozí možnosti a v případě potřeby upravte
Supported formats
Text / on-page input
File size and limits
- Velmi složité vícevrstvé náhledy se mohou na starších telefonech zdát pomalejší.
Privacy
Generátory barev a CSS běží výhradně ve vašem prohlížeči. Náhledy a konverze nikdy nenahrávají vaše styly.
Common use cases
- Použijte CSS Clip Path Generator, kdykoli budete potřebovat: Vytvářejte polygonové a tvarové klipové cesty pomocí interaktivního náhledu.
Troubleshooting
Náhled po vložení vypadá jinak
Zkontrolujte, zda na stránce nejsou konkurenční CSS (resety, zděděné barvy). Vygenerované pravidlo nejprve zkopírujte do izolované šablony stylů.
Časté dotazy
Nahrává to můj CSS?
Ne. Generátory a konvertory běží ve vašem prohlížeči s živým náhledem.
Potřebuji účet?
Ne. Otevřete nástroj, upravte ovládací prvky a zkopírujte CSS.
Související nástroje
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