Border Radius Generatorius

Border-radius deklaracija gali priimti iki keturių nepriklausomų kampų reikšmių bei papildomą aštuonių reikšmių pasvirojo brūkšnio sintaksę organinėms kreivėms — daugiau judančių dalių, nei dauguma įsivaizduoja, kol prireikia ko nors sudėtingesnio nei paprasta suapvalinta kortelė. Šis generatorius visas tas dalis pateikia ekrane: keturi kampų slankikliai su savo pikselių arba procentų matavimo vienetais, susietų kampų spartusis nustatymas simetriškoms formoms ir blob režimas figūroms, kurių neįmanoma išreikšti viena spindulio reikšme.

Kampų režimas apima formas, kurių žmonės iš tikrųjų ieško: susiekite visus kampus vienu slankikliu tobulam apskritimui, piliulei ar puskvadračiui arba atsiekite, kad suapvalintumėte tik išskleidžiamojo skydelio viršų arba tik vieną kortelės pusę. Šachmatinės lentos peržiūra už formos, perjungiama tarp šviesaus ir tamsaus fono, aiškiai parodo, kurie kampai nukerpami esant bet kokiam spinduliui — ta pati vaizdinė gudrybė, kurią šioje svetainėje naudoja failų įrankiai skaidrumui rodyti.

Blob režimas yra kita medalio pusė: CSS aštuonių reikšmių pasvirojo brūkšnio sintaksė leidžia kiekvieno kampo horizontaliam ir vertikaliam spinduliams nesutapti, o būtent tai suapvalintą stačiakampį paverčia organišku, netaisyklingu kontūru. Bet kada spustelėkite „Atsitiktinė forma“, kad gautumėte naują figūrą, ir nukopijuokite tikslų ją aprašantį CSS — jokio SVG eksporto ar išorinės bibliotekos. Paruoštų nustatymų puslapiai atitinka užklausas, kurias žmonės iš tikrųjų įveda į paieškos laukelį: tobulą apskritimą, stadiono formos piliulės mygtuką, iOS stiliaus puskvadratį ir jau paruoštą organišką blob.

Kaip ir kiekvienas šios svetainės įrankis, jis veikia tik jūsų naršyklėje: nereikia nieko įkelti, nereikia paskyros, o įkėlus puslapį generatorius veikia ir neprisijungus.