Generator Border Radius

Deklaracija border-radius lahko sprejme do štiri neodvisne vrednosti vogalov in še neobvezno sintakso s poševnico in osmimi vrednostmi za organske krivulje – več gibljivih delov, kot se večina ljudi zaveda, dokler ne potrebujejo česa več kot preproste zaobljene kartice. Ta generator prikaže vsak od teh delov na zaslonu: štiri drsnike za vogale z lastno enoto v slikovnih pikah ali odstotkih, bližnjico za povezavo vseh vogalov za simetrične oblike in način Blob za oblike, ki jih ena sama vrednost polmera ne more izraziti.

Način Vogali pokriva oblike, po katerih ljudje dejansko posegajo: povežite vse vogale na en drsnik za popolne kroge, tabletke in zaobljene kvadrate ali jih odpovežite, da zaokrožite samo vrh spustne plošče ali samo eno stran kartice. Šahovnični predogled za obliko, preklopljiv med svetlo in temno podlago, naredi očitno, kateri vogali so pri določenem polmeru odrezani – isti vizualni trik, kot ga orodja za datoteke na tem mestu uporabljajo za prikaz prosojnosti.

Način Blob je druga polovica: sintaksa s poševnico in osmimi vrednostmi CSS omogoča, da se vodoravni in navpični polmeri vsakega vogala razlikujejo, kar je tisto, kar zaobljen pravokotnik spremeni v organski, nepravilni obris. Kadarkoli pritisnite Randomiziraj za svežo obliko in kopirajte točen CSS, ki stoji za njo – brez izvoza SVG ali zunanje knjižnice. Strani s prednastavitvami pokrivajo zahteve, ki jih ljudje dejansko vtipkajo v iskalno polje: popoln krog, gumb tabletko v obliki stadiona, zaobljeni kvadrat v slogu iOS in že pripravljen organski Blob.

Kot vsako orodje na tem mestu tudi to v celoti deluje v vašem brskalniku: brez nalaganja, brez računa, generator pa deluje tudi brez povezave, ko je stran enkrat naložena.