🛝Toolio
Hakkında İletişim

CSS Kenar Yuvarlama Üretici

Kusursuz CSS kenar yuvarlama değerlerini saniyeler içinde üretin — hesap gerekmez, yükleme gerekmez, sunucuya hiçbir şey gönderilmez. Her köşe için kaydırıcıları sürükleyin, organik şekiller oluşturmak için Blob Rastgeleleştirmeye tıklayın, ardından tamamlanmış CSS kodlarını doğrudan stil sayfanıza kopyalayın.

Önizleme
Mod
%
Köşe Diyagramı
TL TR BL BR
CSS Çıktı

Tasarım gereği gizli. Bu araç, tarayıcınızda tamamen çalışır — girdiğiniz hiçbir şey yüklenmez ya da saklanmaz ve çevrimdışı da çalışır.

Hakkında

Bu CSS Kenar Yuvarlama Üreticisi, basit mod, köşe başına mod ve eliptik mod olmak üzere üç düzenleme modunu tek bir ücretsiz, çevrimdışı yetenekli araçta sunar: Basit mod, dört köşeyi aynı anda ayarlar; Köşe Başına mod, her köşeyi ayrı ayrı ince ayarlamaya olanak tanır; Eliptik mod, her köşede ayrı ayrı yatay ve dikey yuvarcıklar oluşturmanıza olanak tanır — CSS kenar yuvarlama kısaltılmış sözdiziminin tam gücü. Gerçek zamanlı olarak değişiklikleri yansıtan bir canlı SVG köşe diyagramı ve modern UI tasarımı için popüler organik blob şekilleri oluşturan, kriptografik rastgele bir algoritma kullanan Blob Rastgeleleştirmeye butonu vardır. Her şey tarayıcınızda çalıştığı için tasarımlarınız özel kalır ve araç internet bağlantısı olmadan da çalışır.

Nasıl kullanılır

  1. Bir mod seçin — Basit (tüm köşeler), Köşe Başına veya Eliptik (ayrı x/y yuvarcıkları) — kontrol panelinin üstündeki butonları kullanarak.
  2. Köşeler için yarıçapı ayarlamak için kaydırıcıları sürükleyin ya da sayı girdilerine doğrudan değer yazın. Canlı önizleme ve SVG diyagramı anında güncellenir.
  3. Blob Rastgeleleştirme'ye tıklayarak bağımsız eliptik yarıçaplar kullanarak rastgele organik bir blob şekli oluşturun — dekore edici UI öğeleri ve anasayfa arka planları için harika.
  4. Oluşturulan CSS kısaltmasını çıktı kutusunda inceleyin — araç, en kısa geçerli sözdizimini otomatik olarak uygular (örneğin, aynı değerleri çözer).
  5. Kopyalama butonuna tıklayarak kodu panonunuza kopyalayın, ardından bunu stiller dosyanıza veya tasarım araçlarınıza doğrudan yapıştırın.

SSS

Bu CSS Kenar Yuvarlama Oluşturucusu tamamen ücretsiz mi?
El, 100% ücretsiz, hesap gerekmiyor, abonelik gerekmiyor ve gizli sınırlar yok. Sayfayı aç ve hemen border-radius CSS oluşturmaya başla.
Araç, çevrimdışı veya internet bağlantısı olmadan çalışır mı?
Evet. Araç, sunucuya çağrı yapmadan tarayıcınızda tamamen çalışır. Sayfa yüklendikten sonra internete bağlandığınızdan bağımsız olarak çalışmaya devam eder. Son ayarlarınız tarayıcınızda yerel olarak kaydedilir.
Tasarım verilerim özel tutuluyor mu?
Tamamen. Verileriniz hiçbir zaman tarayıcınızdan çıkmaz — hiçbir veri yükleme, girdilerinizle ilgili analitikler veya sunucu depolaması yoktur. Her şey cihazınızda kalır.
Elliptic modu ne yapar?
Elips modu, dört köşenin her biri için ayrı ayrı yatay (x) ve dikey (y) yarıçapları ayarlamanı sağlar ve bu, örneğin border-radius: 40% 20% / 20% 40% gibi, CSS border-radius kısaltması ile eğik notasyonu kullanmanı sağlar. Bu, Basit ve Köşe Başına modları tarafından oluşturulamayan asimetrik ve yumurta gibi şekilleri açar.
Blob Rastgeleleştirme Butonu Ne İçin Kullanılır?
Blob Randomize, kriptografik olarak rastgele bir algoritma kullanarak, sekiz köşe-eksen kombinasyonuna rastgele eliptik yarıçaplar atayarak organik ve düzensiz bir şekil oluşturur. Modern landing page'ler, avatarlar ve dekoratif arka planlarda yaygın olarak kullanılan akışkan blob şekilleri oluşturmak için tek bir tıklamayla idealdir.
Bu araç, verilerimi yükler mi?
Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.