Najbolji slobodni Generator radijusa
Zaobljeni uglovi elemenata vizualno - po uglu ili povezani, px/%/em - sa live pregledom i kopijom.
100% besplatno
Nema prijave
Nema vodenog žiga
✨
Go Pro za najbolje AI modele - slike, video i chat - plus veće uploade, prioritet u redu i bez čekanja.
Nadogradi na Pro
Ljubav Best.Free? Podijelite ga.
Kako to funkcioniše
- Postavite uglove. Povucite svaki klizač za uglove, ili držite Poveži sve uglove da biste ih pomjerili zajedno.
- Pogledajte pretpregled. Živi okvir se okreće dok povlačite; prebacite px,% ili em u naprednim opcijama.
- Kopiraj CSS. Kliknite Kopiraj CSS i zalijepite pravilo radijusa granice u vašu stilsku tablicu.
O ovom alatu
Zaokružite uglove elementa tačno onako kako želite. Povucite klizač za svaki od četiri ugla - ili ih držite povezane tako da jedan klizač pomiče sva četiri - dok okvir za live pregled prikazuje rezultat. Kopirajte CSS radijus granice, koji se skuplja u jednu vrijednost kada se svaki ugao podudara i širi u oblik četiri vrijednosti kada se razlikuju. Napredne opcije mijenjaju jedinicu između px, % i em, tako da možete graditi oblike pilula i zaokruživanje na osnovu postotka.
Za šta ga ljudi koriste?
- Okrugla kartica, dugme i uglovi slike
- Napravi pilu ili potpuno zaokruženi oblik
- Postavite različite radijuse na pojedinačnim uglovima
- Koristi zaokruživanje postotaka za krugove i ovalne oblike
Često postavljana pitanja
Isključi Povezivanje svih uglova i svaki klizač kontrolira jedan ugao; CSS će onda koristiti oblik sa četiri vrijednosti (gornji lijevi, gornji desni, donji desni, donji lijevi).
Ako se uključi, povlačenje bilo kojeg klizača pomiče sva četiri ugla zajedno i CSS se sažima na jednu vrijednost.
Postotak se zaokružuje u odnosu na veličinu okvira, tako da 50% na kvadratu čini krug i skalira se sa elementom. Pikseli daju fiksni radijus.
Postavite veliki radijus na svim uglovima; za pravu pilulu, radijus od polovine visine elementa - ili 50% - zaokružuje krajeve u potpunosti.
Ne, klizni elementi računaju CSS niz lokalno u vašem pregledniku.
Nema nikakvih ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja, nema ograničenja.
Da. Radi u vašem pregledniku, tako da CSS Border Radius Generator radi na telefonima i tabletima kao i na desktopu - nema aplikacije za instaliranje.
Obično samo nekoliko sekundi za tipičnu datoteku - CSS Border Radius Generator počinje raditi u trenutku kada mu date svoj ulaz.
Povremena upotreba je neograničena, pod velikodušnim ograničenjem poštene upotrebe koje je održava brzom za sve.
Svi moderni preglednici - Chrome, Safari, Firefox i Edge. CSS Border Radius Generator ne treba ništa instalirati osim preglednika koji već koristite.