Generator polmera obrobe
Vizualno oblikujte polmer obrobe CSS: štirje neodvisni kotni drsniki v slikovnih pikah ali odstotkih, bližnjica za povezavo vseh vogalov za takojšnje kroge in pilule ter organski način madežev z naključnimi oblikami.
Rezultat
Deklaracija polmera obrobe lahko vsebuje do štiri neodvisne vrednosti vogalov in izbirno sintakso poševnice z osmimi vrednostmi za organske krivulje – več gibljivih delov, kot si večina ljudi misli, dokler ne potrebujejo nečesa več kot preprosto zaobljeno kartico. Ta generator postavi vsakega od teh delov na zaslon: štiri vogalne drsnike z lastno enoto slikovnih pik ali odstotkov, bližnjico za povezavo vseh vogalov za simetrične oblike in način madeža za oblike, ki jih nobena vrednost polmera ne more izraziti.
Način vogalov pokriva oblike, ki jih ljudje dejansko dosegajo: povežite vsak kotiček z enim drsnikom za popolne kroge, pilule in vijuge ali jih prekinite, da zaokrožite samo vrh spustne plošče ali samo eno stran kartice. Predogled šahovnice za obliko, ki ga je mogoče preklapljati med svetlim in temnim ozadjem, omogoča jasno, kateri vogali so odrezani v katerem koli polmeru – isti vizualni trik orodja za datoteke na tem spletnem mestu uporabljajo za prikaz prosojnosti.
Način blob je druga polovica: sintaksa poševnice z osmimi vrednostmi CSS omogoča, da se vodoravni in navpični radiji vsakega vogala ne ujemajo, kar je tisto, kar spremeni zaobljen pravokotnik v organski, nepravilen obris. Pritisnite Randomize za novo obliko kadar koli in kopirajte natančen CSS za njo – brez izvoza SVG ali zunanje knjižnice. Prednastavljene strani pokrivajo zahteve, ki jih ljudje dejansko vnesejo v iskalno polje: popoln krog, gumb za tabletke v obliki stadiona, veverico v slogu iOS-a in že pripravljeno organsko piko.
Kot vsako orodje na tem spletnem mestu deluje v celoti v vašem brskalniku: brez nalaganja, brez računa, generator pa deluje brez povezave, ko se stran naloži.