Генератор border-radius-а

Декларација border-radius може да прими до четири независне вредности за углове плюс опциону синтаксу са осам вредности и косом цртом за органске кривине — више покретних делова него што већина људи схвата док им не затреба нешто више од једноставне заобљене картице. Овај генератор ставља сваки од тих делова на екран: четири слајдера за углове са сопственом px или процентуалном јединицом, пречицу за повезивање свих углова за симетричне облике и blob режим за облике које ниједна вредност радијуса не може да изрази.

Режим углова покрива облике које људи заиста користе: повежите сваки угао на један слајдер за савршене кругове, таблете и squircle облике, или их раздвојите да заоблите само врх падајућег панела или само једну страну картице. Приказ са шаховницом иза облика, са могућношћу пребацивања између светле и тамне позадине, чини очигледним тачно који се углови одсецају при одређеном радијусу — исти визуелни трик који користе алати за датотеке на овом сајту за приказивање транспарентности.

Blob режим је друга половина: CSS синтакса са осам вредности и косом цртом омогућава да се хоризонтални и вертикални радијуси сваког угла разликују, што заобљени правоугаоник претвара у органску, неправилну контуру. Притисните Randomize било када за нови облик и копирајте тачан CSS који стоји иза њега — без SVG извоза или спољних библиотека. Унапред припремљене странице покривају упите које људи заиста уносе у претрагу: савршен круг, дугме у облику таблете, squircle у iOS стилу и готов органски blob.

Као и сваки алат на овом сајту, ради у потпуности у вашем прегледачу: нема отпремања, нема налога, а генератор наставља да ради офлајн када се страница једном учита.