Renk dönüştürücü
Saydamlıkla birlikte HEX, RGB ve HSL dönüştürün, renk örneğini görün ve CSS değerlerini kopyalayın.
CSS yuvarlatılmış köşe oluşturucu
Dört köşeyi birlikte veya ayrı ayarlayın, eliptik köşeleri önizleyin ve border-radius CSS çıktısını alın.
Eliptik köşeler
Önizleme
CSS
Araç hakkında
Düğme, kart veya rozetler için dairesel ve eliptik köşeleri karşılaştırabilirsiniz.
Nasıl kullanılır
px veya % seçip kaydırıcılarla ya da sayısal alanlarla köşe yarıçaplarını ayarlayın. Köşeler başlangıçta bağlıdır; ayrı düzenlemek için bağlantıyı kapatın. Eliptik ayarlarda ayrı dikey yarıçapları açarak yatay ve dikey eğriliği farklı belirleyebilirsiniz.
Değerler 0–500 px veya 0–100% arasındadır. Önizleme ile kopyalanan ya da indirilen CSS aynı sayıları kullanır. Yüzdelerin görünümü gerçek öğe boyutlarına bağlıdır. Birim değişimi sayıların anlamını değiştirir; görsel boyutu koruyan bir dönüşüm değildir.
Sık sorulan sorular
border-radius içindeki eğik çizgi ne demek?
Öncesi yatay, sonrası dikey yarıçaplardır. Örtüşen yarıçapları CSS, kutuya sığacak şekilde orantılı olarak küçültür.
Yüzde 50 yarıçap neden daire yerine oval oluşturuyor?
Yüzde değerleri genişlik ve yüksekliğe ayrı ayrı uygulanır. Dikdörtgen kutuda %50 elips oluşturur; daire için genişlik ve yükseklik eşit olmalıdır. Sabit köşe eğriliği istediğinizde px kullanın ve sonucu öğenin gerçek boyutlarında kontrol edin.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0