⭐ 0
🔍
Metin Görsel PDF ve Belgeler Ses Müzik Elektronik Zaman Faydalı Araçlar Doğrulayıcılar Ezoterizm Oyunlar

CSS Hapı / Stadyum Şekil Oluşturucu

CSS kenarlık yarıçapını görsel olarak tasarlayın: piksel veya yüzde cinsinden dört bağımsız köşe kaydırıcısı, anlık daireler ve haplar için tüm köşeleri birbirine bağlayan bir kısayol, ayrıca rastgele şekillere sahip bir organik blob modu.

12px
12px
12px
12px
İşleniyor... 0%

Sonuç

Bu sayfa, dört köşenin tamamı bağlantılı ve çok büyük bir yarıçapa itilmiş olarak kenarlık yarıçapı oluşturucuyu açar: 999 piksel. Tipik bir düğme boyutundaki dikdörtgende, bu kadar büyük bir yarıçap, tarayıcı tarafından kutunun yüksekliğinin tam olarak yarısına kadar kırpılır; bu, köşeleri hafifçe yuvarlatılmış bir kare yerine tamamen yuvarlatılmış hap veya stadyum şeklini oluşturan şeydir.

Bu nedenle hap düğmeleri, her düğmenin yüksekliğine göre ayarlanmış kesin bir yarıçap değerine ihtiyaç duymaz; yüksekliğin yarısından daha büyük herhangi bir sayı, aynı kırpılmış sonucu verir; bu aynı zamanda 999 pikselin (veya hatta 9999 pikselin) CSS'de 'bunu sonuna kadar yuvarlamak' için resmi olmayan topluluk kısaltması haline gelmesinin nedenidir.

Kutuyu kendi düzeninizde yeniden boyutlandırın ve aynı 999 piksel, tarayıcı her zaman kutunun yarısını otomatik olarak kırptığı için herhangi bir yükseklikte tam bir hap üretmeye devam eder. Doğru göründüğünde CSS'yi kopyalayın veya bunun yerine asimetrik bir kapsül oluşturmak için köşelerin bağlantısını kaldırın.

🛡️
Tarayıcıda Çalıştırıldı

Dosyalarınız ve girdileriniz bu cihazdan asla ayrılmaz. İşlem tamamen çevrimdışı çalışır. %100 Güvenli.

Kabul Edilen Formatlar ve Kurallar

  • Köşe modu: her biri piksel ve yüzde birimleri arasında değiştirilebilen bağımsız sol üst, sağ üst, sağ alt ve sol alt yarıçap kaydırıcıları.
  • Her köşeyi tek bir kaydırıcıdan yönlendiren Tüm köşeleri birbirine bağla onay kutusu ve ayrıca kırpılmış köşelerin görünür kalması için açık veya koyu bir arka planda dama tahtası önizlemesi.
  • Organik sekiz değerli eğik çizgi sözdizimi şekilleri oluşturan, büyük gösterilen ve CSS olarak kopyalamaya hazır olan Rastgeleleştir düğmesine sahip Blob modu.

Temel Faydalar

✓ Her kaydırıcı canlı önizlemeyi ve CSS satırını anında günceller, böylece 12px %40 8px %24'ün gerçekte neye benzediğini asla tahmin etmenize gerek kalmaz.
✓ Tüm köşeleri birbirine bağlama kısayolu, diğer üç köşeye elle dokunmadan bir kaydırıcıyı mükemmel bir daireye, hap veya sincap şekline dönüştürür.
✓ Blob modu, CSS'nin sekiz değerli eğik çizgi sözdizimiyle organik, rastgele şekiller oluşturur; tek bir kenarlık yarıçapı değerinin asla üretemeyeceği bir görünüm.

Kullanım Durumları

  • • Bir kartın dört köşe yarıçapını bağımsız olarak çevirin; açılır panelin yalnızca üst kısmını veya sekmenin yalnızca bir tarafını yuvarlayın.
  • • Mükemmel bir daire, stadyum şeklinde bir hap düğmesi veya iOS tarzı bir sincap oluşturmak için dört köşenin tümünü tek bir kaydırıcıya bağlayın.
  • • Blob moduna geçin ve organik bir şekil, bir kahraman görselinin veya avatarın arkasındaki boş alana sığıncaya kadar Rastgeleleştir'e basın, ardından CSS'yi kopyalayın.