Her gün elinin altında olan geliştirici araçları, hepsi tek yerde.

Dönüştürücüler, formatlayıcılar, hash'ler, doğrulayıcılar ve sürekli yeniden açtığın küçük yardımcılar sekmeler arasında kaybolmak yerine bir arada duruyor.

GitHub

/ Araçlar

■

/ Araç Bulucu

109 araç

/ Border Radius Üretici

Birim

Hazır Ayarlar

Tüm köşeleri bağla

Sol Üst: 12px

Sağ Üst: 12px

Sol Alt: 12px

Sağ Alt: 12px

Önizleme Rengi

Önizleme Boyutu: 150px

Önizleme

CSS Kodu

Bağımsız Köşe Özellikleri

Tailwind Sınıfı

/ Seçili Araç

■

Border Radius Üretici - ücretsiz oluşturucu aracı

Ayrı köşe kontrolüyle görsel CSS border-radius üretici

■ 01

CSS Border Radius nedir?

CSS border-radius özelliği, bir öğenin dış kenarlık kenarının köşelerini yuvarlar. Dört köşeyi de aynı değere ayarlayabilir ya da benzersiz şekiller oluşturmak için her köşeye farklı değerler verebilirsin.

■ 02

Nasıl çalışır?

Border radius, 1 ila 4 değerle belirtilebilir. 1 değerle tüm köşeler aynıdır. 2 değerle ilki sol-üst/sağ-alt, ikincisi sağ-üst/sol-alt köşelere uygulanır. 3 değerle: sol-üst, üst-…

■ 03

Örnek Durumlar

Tüm köşeler eşit, hap şekli ve farklı köşeleri kapsar; böylece yaygın girdileri ve çıktıları hızlıca karşılaştırabilirsin.

/ İlgili Araçlar

/ Kod

■

Seçili araca ait kaynak kodu; sağdaki canlı sürümün yanında burada gösteriliyor.

/ Kaynak Kodu

TypeScript

typescript

// No external dependencies needed - generates CSS border-radius strings

interface BorderRadius {
  topLeft: number;
  topRight: number;
  bottomRight: number;
  bottomLeft: number;
  unit: 'px' | '%' | 'rem';
}