Generator CSS border-radius
Sastavite border-radius skraćenice od vrijednosti svakog kuta, s eliptičnim kutovima i Tailwind ekvivalentom za vašu Web stranicu.
Generator CSS border-radius
Postavite polumjer za svaki kut i ovaj alat će sastaviti ispravan CSS border-radius skraćeni na najmanju validnu verziju — jednu vrijednost kada se svi kutovi podudaraju, dvije ili tri kada se suprotni kutovi ponavljaju, i puni popis od četiri vrijednosti kada je svaki kut drugačiji. Napravljen je za sve koji oblikuju kartice, dugmići, avatare, modalne prozore ili polja za unos i žele čit, spreman CSS bez ručnog računanja kutova.
Odaberite "Isti na svakom kutu" za jednostavan zaobljeni pravokutnik, ili prijeđite na "Odvojeni kutovi" da samostalno prilagodite svaki kut u px, postotcima ili rem-u. Uključivanje eliptičnih kutova dodaje osam-vrijednosnu slash notaciju koju border-radius podržava — vodoravni polumjer i drugačiji okomiti polumjer po kutu, vođeni jednim klizačem omjera tako da squircle ili spljošteni oblik zahtijeva jedan potez umjesto osam polja. Opcija "Slučajni organski oblik" genira svježi asimetrični oblik na svakom pokretanju, vrstu mekog, nepravilnog obrisa korištenog iza slike u heroju i ukrasnih mrlja. Prebacite rezultat između border-radius skraćenice i četiri proširena svojstva border-*-radius, i uključite Tailwind opciju da dobijete odgovarajuću proizvoljnu class utility klasu uz obični CSS.
Vrijednosti se provjeravaju dok tipkate: negativni brojevi se tretiraju kao nula i nema stanja koje proizvodi nekorisnički CSS. Živi tally ispod rezultata prikazuje koliko je redaka deklaracije generirano, koliko je zasebnih vrijednosti kutova skraćenica sažela, i točan broj znakova, ažurirajući se dok prilagođavate bilo koju opciju.
Svečanost se izvršava lokalno u vašem pregledniku — nikad se vrijednost kuta ili generirani CSS nigdje ne šalju. Kopirajte rezultat, preuzmite ga kao .txt datoteku, ili ga direktno pošaljite u ulaz drugog alata da nastavite raditi na njemu.