Sınır Yarıçapı 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.
Sonuç
Bir kenarlık yarıçapı beyanı, dört adede kadar bağımsız köşe değeri artı organik eğriler için isteğe bağlı sekiz değerli eğik çizgi sözdizimini alabilir; basit bir yuvarlak kartın ötesinde bir şeye ihtiyaç duyana kadar çoğu insanın fark ettiğinden daha fazla hareketli parça. Bu oluşturucu, bu parçaların her birini ekrana koyar: kendi piksel veya yüzde birimine sahip dört köşe kaydırıcısı, simetrik şekiller için tüm köşeleri birbirine bağlayan bir kısayol ve tek bir yarıçap değerinin ifade edemediği şekiller için bir blob modu.
Köşeler modu, insanların gerçekte ulaştığı şekilleri kapsar: mükemmel daireler, haplar ve yuvarlak şekiller için her köşeyi tek bir kaydırıcıya bağlayın veya açılır panelin yalnızca üstünü veya bir kartın yalnızca bir tarafını yuvarlamak için bunların bağlantısını kaldırın. Şeklin arkasındaki, açık ve koyu arka plan arasında geçiş yapılabilen dama tahtası önizlemesi, herhangi bir yarıçapta hangi köşelerin kırpıldığını tam olarak açıkça ortaya koyuyor - bu sitedeki görsel hileli dosya araçlarının aynısı şeffaflığı göstermek için kullanılıyor.
Blob modu diğer yarısıdır: CSS'nin sekiz değerli eğik çizgi sözdizimi, her köşenin yatay ve dikey yarıçaplarının farklı olmasına izin verir; bu, yuvarlak bir dikdörtgeni organik, düzensiz bir taslak haline getiren şeydir. Dilediğiniz zaman yeni bir şekil elde etmek için Rastgele tuşuna basın ve CSS'yi tam olarak arkasına kopyalayın; SVG dışa aktarımı veya harici kitaplık gerekmez. Önceden ayarlanmış sayfalar, insanların aslında bir arama kutusuna yazdıkları istekleri kapsar: mükemmel bir daire, stadyum şeklinde bir hap düğmesi, iOS tarzı bir sincap ve hazır bir organik damla.
Bu sitedeki her araç gibi, tamamen tarayıcınızda çalışır: yükleme yok, hesap yok ve sayfa yüklendikten sonra oluşturucu çevrimdışı çalışmaya devam ediyor.