Border Radius Jeneratörü
Kaydırıcılarla her köşeyi yuvarlatın, eliptik modla organik damla şekilleri oluşturun ve CSS kodunu anında kopyalayın.
Her köşe doğrudan tarayıcınızda çizilir. Burada yaptığınız hiçbir ayar BroBroGo sunucularına yüklenmez.
SSS
Dört köşe ve px ile % farkı nasıl çalışır?
Dört kaydırıcı, saat yönünde sırasıyla sol üst, sağ üst, sağ alt ve sol alt köşeleri temsil eder. Piksel cinsinden köşe sabit bir miktarda yuvarlatılır; yüzde cinsinden ise kutuya göre yuvarlatılır. Yatay yüzde genişliği, dikey yüzde ise yüksekliği takip eder, bu yüzden %50 değeri bir kareyi daireye dönüştürür.
Eliptik mod ne işe yarar?
Kapalıyken, her köşe tek bir yarıçapa sahip çeyrek dairedir. Açtığınızda ise her köşenin ayrı bir yatay ve dikey yarıçapı olur; yumuşak, organik "damla" şekillerini bu şekilde oluşturursunuz. Jeneratör, sizin için iki değerli eğik çizgili (slash) biçimi yazar ve köşeler tekrar dairesel olduğunda kısa biçime geri döner.
Nasıl kusursuz bir daire veya oval buton yaparım?
Köşeleri birbirine bağlayın, birimi yüzdeye getirin ve %50 yapın: kare bir daireye dönüşür. Oval (hap şeklinde) bir buton için piksel biriminde kalın ve köşelerden birini buton yüksekliğinin yarısından fazlasına sürükleyin; böylece genişlik ne olursa olsun kenarlar tamamen yuvarlak kalır. Daire ön ayarı, ilk durumu tek tıkla hazırlar.