Renk ve Tasarım
Köşe Yuvarlama Oluşturucu
Ücretsiz CSS border-radius oluşturucu. Canlı önizleme ile köşeye özel kenar yuvarlama görsel olarak oluşturun. Kısaltılmış CSS'i kopyalayın. Düğmeler, kartlar ve her yuvarlatılmış şekil için.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
Editörün notu
Understanding · The shape of a corner.
Bu ayrıntılı bölüm şu anda yalnızca İngilizce olarak sunulmaktadır. Yukarıdaki dönüştürme aracı sizin dilinizde çalışır; uzun açıklayıcı yazı henüz çevrilmemiştir.
Sıkça sorulan sorular
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
İnsanlar ayrıca şunları arar
İlgili araçlar
More in this room.
- Gradyan OluşturucuDoğrusal, radyal ve konik CSS gradyanları.
- Kutu Gölgesi OluşturucuGörsel CSS box-shadow düzenleyici.
- Kübik Bezier DüzenleyiciCSS easing eğrilerini görsel olarak tasarlayın.
- CSS Animasyon OluşturucuAna kareleri görsel olarak oluşturun, yapıştırmaya hazır CSS'yi kopyalayın.
- CSS Filtre OluşturucuBulanıklık, parlaklık, ton döndürme ve daha fazlasını canlı önizleyin.
- Glassmorphism ÜreteciArka plan filtresi ile buzlu cam UI kartları.