Najlepšie zadarmo CSS Border Radius Generator
Zaokrúhľujte rohy prvkov vizuálne - podľa rohu alebo prepojených, px/%/em - s živou ukážkou a kópiou.
100% zadarmo
Žiadna registrácia nie je potrebná
Žiadny vodoznak
✨
Prejdite na Pro pre najlepšie AI modely - obrázok, video a chat - plus väčšie nahrávky, prioritu vo fronte a bez čakania.
Upgrade na Pro
Láska Best.Free? Zdieľaj to!
Ako to funguje
- Nastavte rohy. Potiahnite každý rohový posúvač alebo podržte položku Prepojiť všetky rohy, aby ste ich presunuli spoločne.
- Pozrite si ukážku. Živý rámček sa pri ťahaní zaokrúhľuje; prepnite px, % alebo em v rozšírených možnostiach.
- Skopírujte CSS. Kliknite na Copy CSS a vložte pravidlo border-radius do štýlu.
O tomto nástroji
Zaokrúhľujte rohy prvku presne tak, ako chcete. Potiahnite posuvník pre každý zo štyroch rohov alebo ich nechajte prepojené tak, aby jeden posuvník posúval všetky štyri rohy, pričom pole živej ukážky zobrazuje výsledok. Skopírujte kód CSS radiusu okraja, ktorý sa zbalí na jednu hodnotu, keď sa zhodujú všetky rohy, a rozbalí sa na štvorhodnotovú formu, keď sa líšia. Rozšírené možnosti prepínajú jednotku medzi px, % a em, takže môžete vytvoriť tvary piluliek a zaokrúhľovať aj percentuálne.
Na čo ho ľudia používajú
- Okrúhle rohy karty, tlačidla a obrázka
- Vytvorenie pilulky alebo úplne zaobleného tvaru
- Nastavenie rôznych polomerov na jednotlivých rohoch
- Použitie percentuálneho zaokrúhľovania pre kruhy a ovály
Často kladené otázky
Vypnite možnosť Prepojiť všetky rohy a každý posúvač ovláda jeden roh; kód CSS potom použije štyri hodnoty (vľavo hore, vpravo hore, vpravo dole, vľavo dole).
Ak je zapnutá, ťahaním ľubovoľného posuvníka sa presunú všetky štyri rohy a CSS sa zbalia na jednu hodnotu.
Percentá sa zaokrúhľujú vzhľadom na veľkosť boxu, takže 50% na štvorci vytvorí kruh a ten sa zmení s prvkom.Pixely dávajú pevný polomer.
Nastavte veľký polomer na všetkých rohoch; pre skutočnú pilulku, polomer polovice výšky prvku - alebo 50% - úplne zaoblené konce.
Nie. Posuvníky vypočítavajú reťazec CSS lokálne vo vašom prehliadači.
Úplne zadarmo, bez účtu a bez obmedzení - nástroj na strane klienta s ničím, čo by sa dalo merať.
Áno, beží vo vašom prehliadači, takže CSS Border Radius Generator funguje na telefónoch a tabletoch rovnako ako na počítači - nie je potrebné inštalovať žiadnu aplikáciu.
Zvyčajne len niekoľko sekúnd pre typický súbor - CSS Border Radius Generator začne pracovať v okamihu, keď mu dáte svoj vstup.
Príležitostné používanie je neobmedzené, pod veľkorysým limitom fair-use, ktorý udržuje rýchlosť pre každého.
Všetky moderné prehliadače - Chrome, Safari, Firefox a Edge.CSS Border Radius Generator nevyžaduje nič inštalovať okrem prehliadača, ktorý už používate.