CSS Box-Shadow Oluşturucu
Bir CSS box-shadow tasarlamak için kaydırıcılar ve bir renk seçiciyle kayma, bulanıklık, yayılma, renk ve opaklığı ayarlayın; önizleme kutusunda canlı olarak görün ve oluşturulan box-shadow bildirimini doğrudan stil sayfanıza kopyalayın.
box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.35);Nasıl çalışır
X kayması ve Y kayması gölgeyi yatay ve dikey olarak hareket ettirir, bulanıklık yarıçapı kenarını yumuşatır, yayılma yarıçapı ise bulanıklık uygulanmadan önce onu büyütür veya küçültür. Gölge için bir renk ve opaklık seçin, gölgeyi kutunun dışına değil içine çizmek için „inset" seçeneğini açın.
İpucu
Belirgin olmayan gölgeler genellikle en iyi görünür: küçük bir kayma, kaymanın yaklaşık iki ila üç katı bir bulanıklık yarıçapı ve %50’nin oldukça altında bir opaklık, ağır bir çerçeve yerine yumuşak, doğal bir yükselme hissi verir.
Birden fazla gölgeyi üst üste bindirebilir miyim?
Evet — CSS box-shadow özelliği, yukarıdan aşağıya katmanlanan, virgülle ayrılmış bir gölge listesini kabul eder. Bu araç aynı anda bir gölge oluşturur; katmanlı ve daha gerçekçi gölgeler oluşturmak için oluşturulan birkaç bildirimi (virgülle ayırarak) birleştirin.
Bu kategorideki diğer araçlar
Regex Test Aracı
Örnek bir metin üzerinde düzenli ifadeleri anlık eşleşme vurgulamasıyla test edin.
Cron İfadesi Ayrıştırıcı
5 alanlı bir cron ifadesini sade bir dille açıklamaya dönüştürün ve sonraki çalışma zamanlarını görün.
Metin Kodlama Dönüştürücü
Metni aynı anda UTF-8 hex, ikili, kod noktaları, Base64, URL kodlaması ve HTML varlıklarına dönüştürün.
Şifre Oluşturucu
Tarayıcınızda anında güçlü, rastgele şifreler oluşturun.
JSON Biçimlendirici ve Doğrulayıcı
Tarayıcınızda JSON'u anında biçimlendirin, doğrulayın ve küçültün.
UUID Oluşturucu
Tarayıcınızda anında rastgele, RFC 4122 sürüm 4 UUID'ler oluşturun.
JWT Çözücü
Tarayıcınızda anında JSON Web Token (JWT) çözün ve inceleyin.
Fark Karşılaştırıcı
İki metin bloğunu karşılaştırın ve eklenen veya kaldırılan her satırı anında görün.
Slug Oluşturucu
Herhangi bir metni gerçek zamanlı olarak temiz, URL dostu bir slug’a dönüştürün.
Sayı Tabanı Dönüştürücü
Sayıları ikili, sekizli, ondalık ve on altılı sistemler arasında anında dönüştürün.
Unix Zaman Damgası Dönüştürücü
Unix zaman damgalarını tarihe, tarihleri Unix zaman damgasına anlık olarak dönüştürün.
Hash Oluşturucu
Herhangi bir metinden SHA-1, SHA-256 ve SHA-512 özetlerini doğrudan tarayıcınızda oluşturun.
Cron İfadesi Oluşturucu
Basit bir form kullanarak geçerli bir 5 alanlı cron ifadesi oluşturun — söz dizimini ezberlemenize gerek kalmadan.
Lorem Ipsum Oluşturucu
Mockup ve düzenler için paragraflar, cümleler veya kelimeler halinde Lorem Ipsum dolgu metni oluşturun.
Markdown Önizleyici
Solda Markdown yazın, sağda oluşturulan HTML'nin anlık olarak güncellendiğini görün.
IP Alt Ağ Hesaplayıcı
CIDR gösteriminde bir IPv4 adresi girin; ağ, maske, yayın adresi ve host aralığını görün.
HTTP Durum Kodu Arama
Herhangi bir HTTP durum kodunu arayın ve standart anlamını sade bir dille görün.
SQL Biçimlendirici
Küçültülmüş veya düzensiz SQL'i okunabilir, girintili ifadelere dönüştürün.
Görselden Base64'e Dönüştürücü
Bir görseli, HTML, CSS veya JSON içine doğrudan yapıştırabileceğiniz bir Base64 veri URI'sine dönüştürün — tamamen tarayıcınızda.
Semver Karşılaştırıcı
İki anlamsal sürüm (semver) dizesini karşılaştırın ve resmi semver kurallarına göre hangisinin öncelikli olduğunu görün.