Ücretsiz kullanım, hesap gerektirmez

CSS Sınır Yarıçapı Oluşturucu

Eliptik yatay ve dikey yarıçaplar da dahil olmak üzere her köşeyi bağımsız olarak şekillendirin. Sonucu önizleyin ve kompakt CSS'i kopyalayın.

0–2,000 px veya 0–100%'i girin. Klavyeyle erişilebilen sayı kontrolleri sağlanır.

Top left
Sağ üst
Sağ alt
Sol alt

CSS, köşe yarıçaplarını, toplamları öğenin genişliğini veya yüksekliğini aştığında orantılı olarak otomatik olarak ölçeklendirir. Önizleme, tarayıcının CSS davranışını takip eder.

Live preview

Şeklinin önizlemesini görmek için bir köşeyi ayarlayın.

CSS bildirimi

CSS border-radius değerlerini nasıl oluşturabilirim?

Pikselleri veya yüzdeleri seçin, her köşe için yatay ve dikey yarıçapı ayarlayın, ardından oluşturulan border-radius bildirimini kopyalayın. CSS, elemana uyacak şekilde örtüşen yarıçapları orantılı olarak normalleştirebilir.

Sıkça sorulan sorular

CSS border-radius değerlerini nasıl oluşturabilirim?

Pikselleri veya yüzdeleri seçin, her köşe için yatay ve dikey yarıçapı ayarlayın, ardından oluşturulan border-radius bildirimini kopyalayın. CSS, elemana uyacak şekilde örtüşen yarıçapları orantılı olarak normalleştirebilir.

CSS'im veya tasarımım yüklendi mi?

Hayır. Önizleme ve CSS bu tarayıcı sekmesinde oluşturulur. Yükleme, hesap, API çağrısı veya otomatik kaydetme yoktur.

Her köşenin farklı bir yarıçapı olabilir mi?

Evet. Sol üst, sağ üst, sağ alt ve sol alt köşeler için ayrı bir yatay ve dikey değer ayarlayın.

border-radius'teki eğik çizgi ne anlama geliyor?

Yatay yarıçapları dikey yarıçaplardan ayırarak eliptik köşeler oluşturur. Her köşe aynı yatay ve dikey değeri kullanıyorsa, oluşturucu eğik çizgiyi atlar.

Önizleme neden değerlerden daha küçük görünebilir?

CSS, bir kenarda çakışacak yarıçapları orantılı olarak normalleştirir. Bu, standart tarayıcı davranışıdır ve bu önizlemede de uygulanır.