6XC

CSS Border Radius Oluşturucu

Köşeleri tek tek veya hep birlikte, px ya da % olarak yuvarlayın — canlı önizleme ve kopyalanabilir CSS.

969 görüntülenme

Birim

border-radius Özelliği

Kısayol sırası: border-radius: sol-üst sağ-üst sağ-alt sol-alt. Piksel sabit yuvarlama verir; yüzde kutuyla ölçeklenir — karede 50% tam daire yapar. Eşit olmayan değerler, modern tasarımlarda popüler organik "blob" biçimleri oluşturur.

Sıkça Sorulan Sorular

Daire veya hap biçimi nasıl yapılır?

Kare bir öğeye border-radius: 50% verirseniz daire olur. Dikdörtgene büyük sabit değer (örn. 999px) verirseniz hap biçimi çıkar.

px mi % mi kullanmalıyım?

Köşeler her boyutta aynı görünecekse (kart, buton) px; yuvarlama öğeyle ölçeklenecekse (daire, blob) % kullanın.

Benzer Araçlar

CSS Gradient Oluşturucu Doğrusal, dairesel ve konik CSS degradelerini canlı önizlemeyle tasarlayın, kodu kopyalayın. Oluştur CSS Box Shadow (Gölge) Oluşturucu Kutu gölgesini görsel olarak tasarlayın — kaydırma, bulanıklık, yayılma, renk, opaklık ve inset — canlı önizlemeli. Oluştur CSS Text Shadow (Yazı Gölgesi) Oluşturucu Yazı gölgesini kaydırma, bulanıklık, renk ve opaklıkla tasarlayın — örnek metin üzerinde canlı önizleme. Oluştur CSS Border (Kenarlık) Oluşturucu Kenarlığı görsel olarak tasarlayın — kalınlık, stil (solid, dashed, dotted, double…), renk ve yarıçap — canlı önizlemeli. Oluştur