CSS Tool

Border radius generatori

CSS border-radius vizual tarzda yarating. Har bir burchakni alohida yoki barchasini birga sozlang, presetlardan foydalaning va CSS kodini bir zumda nusxalang. Butunlay bepul.

Ko'rib chiqish

Burchak radiusi

Yuqori chap12%

Yuqori o'ng12%

Pastki o'ng12%

Pastki chap12%

Uslub va o'lcham

Kenglik240px

Balandlik160px

Fon rangi

Chegara kengligi

Chegara rangi

Presetlar

Yaratilgan CSS

border-radius: 12% 12% 12% 12%;
background: #6366f1;
width: 240px;
height: 160px;

Ko'p so'raladigan savollar

CSS border-radius — bu element burchaklarini yumaloqlash imkonini beruvchi xususiyat. Barcha to'rt burchakni teng yoki har birini alohida sozlash mumkin — tabletka, doira va organik shakllar yaratish uchun.

Piksellar (px), foizlar (%), em, rem va boshqa CSS uzunlik birliklarini ishlatishingiz mumkin. Foizlar element o'lchamlariga nisbatan hisoblanadi — 50% kvadrat elementda mukammal doira yaratadi.

Elliptik border-radius ikkita qiymatni slash bilan ajratib ishlatadi (masalan, 50% / 30%) — bu turli gorizontal va vertikal radiuslar yaratadi. Bu oddiy yumaloq burchaklardan murakkabroq organik shakllar yaratishga imkon beradi.

Ha, VUREX border radius generatori ro'yxatdan o'tishsiz butunlay bepul. CSS border-radius kodini cheksiz yarating va nusxalang.