CSS border-radius oluşturucu
Sarok başına belirtilen değerlerden border-radius kısaltması oluşturun, eliptik köşeler ve Tailwind eşdeğeri ile.
CSS border-radius oluşturucu
Her köşe için bir yarıçap belirtip bu araç sizin için doğru border-radius CSS'i oluşturur, en kısa geçerli kısaltmaya sıkıştırılmış — dört köşe de eşleşirse bir değer, karşıt köşeler tekrarlanırsa iki veya üç, her köşe farklıysa tam dört değerli liste. Kartlar, düğmeler, avatarlar, modallar veya giriş alanlarını şekillendiren ve köşe matematik yapmadan temiz, kopyala-yapıştır CSS isteyenler için tasarlandı.
"Tüm köşelerde aynı" öğesini seçin basit yuvarlak bir dikdörtgen için veya her bir köşeyi px, yüzde veya rem cinsinden bağımsız olarak ayarlamak için "Ayrı köşeler" olarak geçin. Eliptik köşeler etkinleştirildiğinde border-radius'un desteklediği sekiz değerli eğik çizgi gösterimi eklenir — her köşe için yatay bir yarıçap ve farklı bir dikey yarıçap, tek bir oran kaydırıcısı tarafından kontrol edilir, böylece bir asimetrik şekil veya düzleştirilmiş hap şekli sekiz alan yerine tek bir sürükleme alır. "Rastgele organik blob" seçeneği her çalıştırmada yeni bir asimetrik şekil oluşturur — kahraman görüntülerin arkasında ve dekoratif blobların bulunduğu yumuşak, düzensiz anahat türü. Çıktıyı border-radius kısaltması ile dört genişletilmiş border-*-radius özelliği arasında geçirin ve düz CSS'in yanında eşleşen keyfi değer yardımcı sınıfını almak için Tailwind seçeneğini açın.
Değerler yazarken doğrulanır: negatif sayılar sıfır olarak kabul edilir ve bozuk CSS üreten bir durum yoktur. Çıktının altındaki canlı tally, kaç bildirim satırı oluşturulduğunu, kısaltma için kaç farklı köşe değerinin daraltıldığını ve tam karakter sayısını rapor eder ve herhangi bir seçeneği ayarlarken güncellenir.
Her şey tarayıcınızda yerel olarak çalışır — girdiğiniz hiçbir köşe değeri veya oluşturulan CSS hiç bir yere gönderilmez. Sonucu kopyalayın, .txt dosyası olarak indirin veya onu doğrudan başka bir aracın girişine gönderin ve çalışmaya devam edin.