CSS’i görsel olarak oluşturun
Herkesin deneme yanılmayla yazdığı dört CSS parçası — ama deneme yanılma, stil dosyanızda değil kaydırıcılarda yapılıyor.
- Tümüyle tarayıcınızda çalışır
- Çevrimdışı çalışır
- Yükleme yok
- Kayıt yok
- Filigran yok
Araç yükleniyor…
Nasıl çalışır
- Paneli seçin: gradyan, gölge, köşeler ya da akışkan boyut.
- Önizleme doğru görünene kadar sürükleyin.
- CSS satırını kopyalayın.
Neden hiçbir şey yüklenmiyor
Bu sayfadaki her işlem, web sayfalarını çizen aynı motoru kullanarak tarayıcı sekmenizin içinde çalışan kodla yapılır. Dosya diskten sekmenizin belleğine okunur, orada dönüştürülür ve indirilecek dosya olarak geri yazılır. Hiçbir yere gönderilmez: ne bize, ne üçüncü bir tarafa.
Kendiniz doğrulayın
- Tarayıcınızın geliştirici araçlarını açın (F12) ve Ağ (Network) sekmesini seçin.
- Dosyanızı araca ekleyin ve aracı çalıştırın.
- Göreceğiniz tek istekler aracın kendi kodunu indirir — birkaç ağır araçta ayrıca açık kaynaklı motorunu kamuya açık bir CDN’den — artı loreatec.jp adresine giden küçük bir sayfa görüntüleme bildirimi (sayfanın adresi ve başlığı, başka bir şey değil). Hiçbiri dosyanızı taşımaz.
Sıkça sorulan sorular
clamp() paneli tam olarak neyi hesaplıyor?
Doğrusal eğimi. “360 piksel görünüm genişliğinde 16px, 1280 pikselde 32px” dersiniz ve panel clamp(16px, 8,3px + 2.17vw, 32px) üretir — değer, iki genişliğiniz arasında pürüzsüzce ölçeklenir ve iki uçta da durur. Formül basittir ve kimse aklında tutmaz; aracın tamamı bundan ibarettir.
Gölge kalıpları neden elle yazdığım gölgelerden daha iyi görünüyor?
Çünkü gerçekçi gölgeler, sezginin önerdiğinden daha düşük opaklıkta, daha büyük bulanıklıkta ve hafifçe negatif yayılımdadır. Kalıplar bu oranları kodlar; 0 0 5px black’ten değil, bir kalıptan başlayıp ayarlayın.
Düzensiz, organik köşe şekilleri yapabilir miyim?
Köşe başına seçeneğini işaretleyin ve dört yarıçapı ayrı ayrı belirleyin — karşılıklı büyük köşeler yaprak/damla şeklini verir. Tam organik damla şekilleri için bu panelin ötesinde olan iki değerli yarıçap söz dizimi gerekir; burada olan, insanların gerçekte yayımladığı şekilleri kapsar.
Herhangi bir şey bir yere gönderiliyor mu?
Hayır. Önizleme, stilleriniz uygulanmış bir div’dir — bir aracın yapabileceği en yerel şey budur.