Border Radius Oluşturucu
Yuvarlatılmış köşeleri görsel olarak tasarlayın; dört köşeyi birlikte veya ayrı ayrı ayarlayın.
Yuvarlak köşeleri kolayca tasarlayın
Butonlar, kartlar, görseller ve form alanları için border-radius, arayüzün karakterini belirleyen önemli bir detaydır. Border Radius Oluşturucu ile köşeleri kaydırıcılarla ayarlayıp şekli canlı önizlemede görebilirsiniz.
Özellikler
- Dört köşeyi tek değerle veya her köşeyi ayrı ayrı ayarlama
- Piksel (px) veya yüzde (%) birimi
- Gereksiz tekrarları atan kompakt CSS çıktısı
Yaratıcı şekiller
Yüzde birimiyle daireler ve hap (pill) şekilleri, farklı köşe değerleriyle de konuşma balonu veya yaprak gibi asimetrik şekiller oluşturabilirsiniz.
Border Radius Oluşturucu nasıl kullanılır?
- Köşeleri birlikte veya ayrı ayrı ayarlama modunu seçin.
- Kaydırıcılarla yarıçap değerlerini belirleyin.
- Birimi px veya % olarak seçin.
- CSS kodunu kopyalayın.
Neden bu aracı kullanmalısınız?
Köşe değerlerini gözle ayarlayıp anında kod elde ederek tasarım sürecini hızlandırır.
Sıkça sorulan sorular
Yüzde kullanabilir miyim?
Evet. Birimi % yaparak öğeyle ölçeklenen daire ve hap şekilleri oluşturun.
Kare bir öğeyi daire yapmak için ne kullanmalıyım?
border-radius: 50% değeri kare bir öğeyi tam daireye dönüştürür.
Görselin kendisini yuvarlatmak istiyorum.
Dosyanın köşelerini kalıcı olarak yuvarlatmak için Görsel Köşelerini Yuvarlatma aracını kullanın.
İlgili araçlar
Box Shadow Oluşturucu
Konum, bulanıklık, yayılma, renk ve iç gölge ayarlarıyla CSS box-shadow değerleri oluşturun.
Aracı açCSS Gradyan Oluşturucu
Birden çok renk duraklı doğrusal ve dairesel CSS gradyanları canlı önizlemeyle tasarlayın.
Aracı açCSS Küçültücü
Yorumları ve gereksiz boşlukları kaldırarak CSS dosyalarınızı küçültün.
Aracı açRenk Kodu Dönüştürücü
Renkleri HEX, RGB ve HSL arasında canlı önizlemeyle dönüştürün; alfa kanalı desteklenir.
Aracı aç