Kenar Yarıçapı Oluşturucu
CSS Border Radius Generator, bir öğenin border-radius değerini her köşe için ayrı kaydırıcılarla veya tek bir All Corners kaydırıcısıyla yüzde cinsinden ayarlar; daire, yaprak ve blob gibi hazır ayarlar sunar ve CSS'i kopyalar.
Bu araç hakkında
CSS Border Radius Generator, bir öğenin border-radius değerini her köşe için ayrı kaydırıcılarla veya tek bir All Corners kaydırıcısıyla yüzde cinsinden ayarlar; daire, yaprak ve blob gibi hazır ayarlar sunar ve CSS'i kopyalar.
Nasıl kullanılır
- Her köşe için kaydırıcıları sürükleyin veya All Corners'ı kullanın.
- Circle, Leaf veya Blob gibi bir hazır ayarı deneyin.
- Gerekirse önizleme boyutunu değiştirin.
- Copy CSS'e tıklayın.
Bilmekte fayda var
- border-radius sol üst, sağ üst, sağ alt, sol alt sırasıyla en fazla dört değer alır.
- Kare bir öğede border-radius: 50% bir daire oluşturur.
- Yüzde cinsinden yarıçaplar öğenin boyutuyla ölçeklenir; piksel yarıçaplar sabit kalır.
- Karşılıklı köşelerde farklı yarıçaplar, hiç SVG kullanmadan yaprak ve blob şekilleri oluşturur.
- border-radius güncel tüm tarayıcılarda önek olmadan desteklenir.
Tamamen tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez veya saklanmaz.
Sık sorulan sorular
CSS'te yuvarlak köşeler nasıl yapılır?
border-radius ayarlayın; örneğin tüm köşeler için border-radius: 12px; veya köşeleri ayrı ayrı belirlemek için dört değer.
CSS ile nasıl daire yapılır?
Öğeye eşit genişlik ve yükseklik ve border-radius: 50% verin.
Dört border-radius değerinin sırası nedir?
Sol üst, sağ üst, sağ alt, sol alt — sol üst köşeden başlayarak saat yönünde.
border-radius için px mi % mi kullanmalıyım?
Butonlarda ve kartlarda tutarlı köşe boyutları için px; öğeyle ölçeklenen daire ve blob gibi şekiller için % kullanın.