⭐ 0
🔍
Text Obrázek PDF a Dokumenty Audio Hudba Elektronika Čas Užitečné programy Validátory Ezoterika Hry

Generátor hraničního poloměru

Vizuálně navrhněte CSS border-radius: čtyři nezávislé rohové posuvníky v pixelech nebo procentech, zkratka pro okamžité kruhy a pilulky typu link-all-all, plus organický režim blob s náhodnými tvary.

12px
12px
12px
12px
Zpracování... 0%

Výsledek

Deklarace hraničního poloměru může nabývat až čtyř nezávislých rohových hodnot plus volitelnou osmihodnotovou syntaxi lomítka pro organické křivky – více pohyblivých částí, než si většina lidí uvědomuje, dokud nepotřebují něco jiného než obyčejnou zaoblenou kartu. Tento generátor umístí na obrazovku každou z těchto částí: čtyři rohové posuvníky s vlastní jednotkou pixelů nebo procent, zkratku pro všechny rohy pro symetrické tvary a režim blob pro tvary, které nelze vyjádřit jednou hodnotou poloměru.

Režim Rohy pokrývá tvary, po kterých lidé skutečně sahají: propojte každý roh s jedním posuvníkem pro dokonalé kruhy, pilulky a veverky, nebo je zrušte tak, aby zakulacely pouze horní část rozbalovacího panelu nebo pouze jednu stranu karty. Šachovnicový náhled za tvarem, který lze přepínat mezi světlým a tmavým pozadím, přesně ukazuje, které rohy jsou oříznuty na jakémkoli poloměru – stejné nástroje vizuálního triku na tomto webu používají k zobrazení průhlednosti.

Druhou polovinou je režim blob: syntaxe CSS s osmi hodnotami lomítka umožňuje, aby se horizontální a vertikální poloměry každého rohu neshodovaly, což je to, co změní zaoblený obdélník na organický nepravidelný obrys. Kdykoli klepněte na Randomize pro nový tvar a zkopírujte přesný CSS za ním – žádný export SVG nebo externí knihovna se netýkají. Přednastavené stránky pokrývají požadavky, které lidé skutečně zadávají do vyhledávacího pole: dokonalý kruh, tlačítko pilulky ve tvaru stadionu, veverka ve stylu iOS a hotový organický blob.

Jako každý nástroj na tomto webu běží výhradně ve vašem prohlížeči: žádné nahrávání, žádný účet a generátor po načtení stránky funguje offline.

🛡️
Spuštěno v prohlížeči

Vaše soubory a vstupy nikdy neopustí toto zařízení. Zpracování probíhá zcela offline. 100% bezpečné.

Přijaté formáty a pravidla

  • Režim rohů: nezávislé posuvníky poloměru vlevo nahoře, vpravo nahoře, vpravo dole a vlevo dole, každý přepínatelný mezi jednotkami px a procenty.
  • Zaškrtávací políčko Propojit všechny rohy, které ovládá každý roh jedním posuvníkem, plus šachovnicový náhled na světlém nebo tmavém pozadí, takže oříznuté rohy zůstanou viditelné.
  • Režim blob s tlačítkem Randomize, které vytváří organické tvary se syntaxí lomítka s osmi hodnotami, zobrazené velké a připravené ke kopírování jako CSS.

Hlavní výhody

✓ Každý posuvník okamžitě aktualizuje živý náhled a řádek CSS, takže nikdy nebudete muset hádat, jak ve skutečnosti vypadá 12px 40% 8px 24%.
✓ Zkratka pro všechny rohy změní jeden posuvník na dokonalý kruh, pilulku nebo veverku, aniž byste se rukou dotkli ostatních tří rohů.
✓ Režim blob generuje organické, randomizované tvary se syntaxí CSS s osmi hodnotami lomítka – vzhled, který nikdy nemůže vytvořit jediná hodnota border-radius.

Případy použití

  • • Vytočte čtyři poloměry rohů karty nezávisle — zaokrouhlete pouze horní část rozevíracího panelu nebo pouze jednu stranu karty.
  • • Propojte všechny čtyři rohy s jedním posuvníkem a vytvořte během několika sekund dokonalý kruh, tlačítko pilulky ve tvaru stadionu nebo veverku ve stylu iOS.
  • • Přepněte do režimu blob a stiskněte Randomize, dokud organický tvar nezapadne do prázdného prostoru za obrázkem hrdiny nebo avatarem, poté zkopírujte CSS.