CSS Border Radius (Köşe Yuvarlama) Üretici

    Her köşeyi ayrı ayrı ayarlayarak yuvarlatılmış köşe CSS kodunu canlı önizlemeyle alın.

    Tarayıcıda çalışır, veri gönderilmez Ücretsiz · Kayıt gerekmez
    20px
    20px
    20px
    20px
    border-radius: 20px 20px 20px 20px;

    Yuvarlatılmış köşeler oluşturun

    Yuvarlatılmış köşeler modern arayüz tasarımının temel öğelerinden biridir; kartlara, butonlara ve giriş alanlarına yumuşak, dostane bir görünüm kazandırır. Her köşeyi ayrı ayrı ayarlayarak özgün şekiller oluşturun ve hazır CSS kodunu tek tıkla alın.

    Sıkça Sorulan Sorular

    border-radius, bir öğenin köşelerini yuvarlatan CSS özelliğidir. Tek bir değerle tüm köşeleri ya da dört ayrı değerle her köşeyi bağımsız olarak yuvarlatabilirsiniz (sol üst, sağ üst, sağ alt, sol alt sırasıyla).

    Bir öğeyi tam daire/oval yapmak için border-radius değerini %50 olarak ayarlayın. Bu araçta tüm köşeleri öğe boyutunun yarısına eşitlerseniz daire elde edersiniz.

    Piksel (px) sabit bir yarıçap verir ve öğe boyutundan bağımsızdır. Yüzde (%) ise öğe boyutuna göre ölçeklenir. Butonlar için genellikle px, avatar gibi dairesel öğeler için % tercih edilir.

    Hızlı, güvenli ve Türkiye merkezli hosting

    NVMe SSD, ücretsiz SSL ve %99.9 uptime garantisi ile web sitenizi Clou.TR'ye taşıyın.