İçeriğe geç

CSS Border Radius Oluşturucu

Canlı önizleme ile özel CSS border-radius değerleri oluşturun. Her köşeyi ayrı ayrı ayarlayın. Ücretsiz, %100 tarayıcıda.

Önizleme

12px
12px
12px
12px
Birim

CSS Çıktısı

 

CSS border-radius Hakkında

CSS border-radius özelliği, öğelerin köşelerini yuvarlatmanıza olanak tanır. Her köşe için farklı değerler ayarlayabilirsiniz.

Söz Dizimi

border-radius 1 ile 4 arasında değer alır — tüm köşeler için bir değer, sol-üst/sağ-alt ve sağ-üst/sol-alt çiftleri için iki değer veya her köşe için ayrı dört değer.

Eliptik Yuvarlatma

Eliptik border-radius, farklı yatay ve dikey yarıçaplara sahip asimetrik yuvarlatmalar oluşturmak için eğik çizgi söz dizimini kullanır (ör. 50% / 30%).

Gizlilik

Tüm işlemler %100 tarayıcınızda gerçekleşir. Veriler asla sunucuya gönderilmez.