Generátor hraničního poloměru
Ovládejte každý roh nezávisle a zobrazte náhled zaoblených tvarů. Zkopírujte těsnopis nebo longhand border-radius CSS.
Border Radius Generator
LiveCSS output
border-radius: 24px;
Key capabilities
- Ovládejte každý roh nezávisle a zobrazujte náhled zaoblených tvarů pomocí CSS připravených pro kopírování.
- Běží ve vašem prohlížeči
- Zdarma k použití
Jak používat
- Přetáhněte každý poloměr rohu.
- Volitelně odemkněte propojené rohy.
- Zkopírujte CSS border-radius.
How this tool works
- Přetáhněte každý poloměr rohu.
- Volitelně odemkněte propojené rohy.
- Zkopírujte CSS border-radius.
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žívejte Border Radius Generator, kdykoli potřebujete: Ovládejte každý roh nezávisle a prohlížejte si zaoblené tvary pomocí CSS připravených pro kopírování.
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
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolCSS Clip Path Generator
Build polygon and shape clip-paths with an interactive preview.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool