Generátor polomeru okrajov

Deklarácia hraničného polomeru môže mať až štyri nezávislé rohové hodnoty plus voliteľnú osemhodnotovú syntax lomky pre organické krivky – viac pohyblivých častí, než si väčšina ľudí uvedomuje, kým nepotrebujú niečo iné ako jednoduchú zaoblenú kartu. Tento generátor umiestni každú z týchto častí na obrazovku: štyri rohové posuvníky s vlastnou jednotkou pixelov alebo percent, skratku pre symetrické tvary pre všetky rohy a režim blob pre tvary, ktoré nedokáže vyjadriť žiadna jednotlivá hodnota polomeru.

Režim Rohy pokrýva tvary, po ktorých ľudia skutočne siahajú: prepojte každý roh s jedným posúvačom pre dokonalé kruhy, pilulky a veveričky, alebo ich zrušte, aby sa zaoblila iba horná časť rozbaľovacieho panela alebo iba jedna strana karty. Šachovnicový náhľad za tvarom, ktorý je možné prepínať medzi svetlým a tmavým pozadím, presne ukazuje, ktoré rohy sú odrezané na akomkoľvek polomere – rovnaké vizuálne trikové nástroje súborov na tejto stránke používajú na zobrazenie transparentnosti.

Druhou polovicou je režim blob: syntax lomky s ôsmimi hodnotami CSS umožňuje, aby sa horizontálne a vertikálne polomery každého rohu nezhodovali, čo je to, čo mení zaoblený obdĺžnik na organický nepravidelný obrys. Kedykoľvek kliknite na položku Randomize a získajte nový tvar a skopírujte za ním presný CSS – bez exportu SVG alebo externej knižnice. Prednastavené stránky pokrývajú požiadavky, ktoré ľudia skutočne zadávajú do vyhľadávacieho poľa: dokonalý kruh, tlačidlo tabletky v tvare štadióna, veverička v štýle iOS a hotová organická škvrna.

Ako každý nástroj na tejto stránke beží výhradne vo vašom prehliadači: žiadne nahrávanie, žiadny účet a generátor po načítaní stránky funguje offline.