En İyi Özgür CSS Sınır Yarıçapı Oluşturucusu
Görsel olarak - köşe başına veya bağlantılı, px/%/em - canlı önizleme ve kopya ile dönen eleman köşeleri.
%100 ücretsiz
Kayıt yok
Su işareti yok
✨
En iyi AI modelleri için Go Pro - resim, video ve sohbet - artı daha büyük yüklemeler, kuyruktaki öncelik ve bekleme yok.
Pro'ya yükselt
Aşk. Best.Free? Paylaş.
Nasıl çalışıyor?
- Köşeleri ayarla.. Her köşe kaydırıcısını çekin, ya da onları birlikte hareket ettirmek için Tüm köşeleri Bağla' yı tıklayın.
- Önizlemeyi izle. Canlı kutu çekip götürdüğünüz zaman döner; px, % veya em'yi İleri seçeneklerde değiştirin.
- CSS'yi kopyala. CSS'yi kopyala'ya basın ve sınır-radius kuralı tarz sayfanıza yapıştırın.
Bu araç hakkında
Bir elemanın köşelerini tam olarak istediğiniz gibi yuvarlayın. Dört köşenin her biri için bir kaydırıcı çekin - ya da onları bağlantılı tutarak bir kaydırıcı dört köşeyi de hareket ettirir - canlı bir önizleme kutusu sonucu gösterirken. Her köşe eşleştiğinde tek bir değere küçülen ve farklı olduklarında dört değerli biçime genişleyen sınır-radius CSS'yi kopyalayın. İleri seçenekler, pil şekillerini ve yüzdeye dayalı yuvarlamayı da oluşturabileceğiniz için px, % ve em arasında birimi değiştirir.
İnsanlar ne için kullanıyor?
- Yuvarlak kart, düğme ve resim köşeleri
- Pil ya da tam yuvarlak bir şekil oluştur
- Bireysel köşelerde farklı yarıçapı ayarla
- Daire ve ovaller için yüzde yuvarlamasını kullan
Sıkça Sorulan Sorular
Evet. Tüm köşeleri bağla'yı kapatın ve her bir kaydırıcı bir köşeyi kontrol eder; CSS dört değerli biçimi (üst sol, üst sağ, alt sağ, alt sol) kullanır.
Açıldığında, herhangi bir slider'ı çekmek dört köşeyi birlikte hareket ettirir ve CSS tek bir değere düşer.
Percents rounded relative to the box size, so 50% on a square makes a circle and it scales with the element. Pixels give a fixed radius.
Tüm köşelerde büyük bir yarıçapı belirleyin; gerçek bir pil için, element yüksekliğinin yarısı ya da %50'lik bir yarıçapı - uçları tamamen yuvarlatır.
Hayır, kaydırıcılar tarayıcınızda yerel olarak bir CSS dizisi hesaplar.
Tamamen ücretsiz, hesap ve sınırlar yok - ölçmek için hiçbir şey olmayan bir müşteri tarafı aracı.
Evet. Tarayıcınızda çalışır, bu yüzden CSS Border Radius Generator telefonlar ve tabletlerin yanı sıra masaüstü bilgisayarlarda da çalışır - yüklemek için bir uygulama yoktur.
Genellikle tipik bir dosya için sadece birkaç saniye - CSS Border Radius Generator girişinizi verdiğiniz anda çalışmaya başlar.
Casual kullanımı, herkes için hızlı tutan cömert adil kullanım kapağı altında sınırsızdır.
Tüm modern tarayıcılar - Chrome, Safari, Firefox ve Edge. CSS Border Radius Generator, zaten kullandığınız tarayıcının dışında herhangi bir şeyin kurulmasına gerek duymaz.