Generator graničnog radijusa

Deklaracija graničnog radijusa može uzeti do četiri nezavisne kutne vrijednosti plus izbornu sintaksu kose crte od osam vrijednosti za organske krivulje — više pokretnih dijelova nego što većina ljudi misli dok im ne zatreba nešto više od jednostavne zaobljene kartice. Ovaj generator stavlja svaki od tih dijelova na zaslon: četiri kutna klizača s vlastitom px-ili-postotnom jedinicom, prečac za povezivanje svih kutova za simetrične oblike i blob način za oblike koje niti jedna vrijednost radijusa ne može izraziti.

Način uglova pokriva oblike za kojima ljudi zapravo posežu: povežite svaki kut s jednim klizačem za savršene krugove, pilule i vijuge ili ih poništite da zaokružite samo vrh padajuće ploče ili samo jednu stranu kartice. Pregled šahovnice iza oblika, koji se može prebacivati ​​između svijetle i tamne pozadine, čini vidljivim točno koji se uglovi izrezuju u bilo kojem radijusu - isti vizualni trik alati za datoteke na ovoj stranici koriste za pokazivanje prozirnosti.

Blob mod je druga polovica: CSS sintaksa kose crte s osam vrijednosti dopušta da se vodoravni i okomiti polumjeri svakog kuta ne slažu, što je ono što zaobljeni pravokutnik pretvara u organski, nepravilan obris. Pritisnite Randomize za svježi oblik u bilo kojem trenutku i kopirajte točan CSS iza njega - bez SVG izvoza ili vanjske biblioteke. Unaprijed postavljene stranice pokrivaju zahtjeve koje ljudi zapravo upisuju u okvir za pretraživanje: savršeni krug, gumb za pilulu u obliku stadiona, vjenčić u stilu iOS-a i gotova organska mrlja.

Kao i svaki alat na ovoj stranici, u potpunosti radi u vašem pregledniku: nema prijenosa, nema računa, a generator nastavlja raditi izvan mreže nakon što se stranica učita.