PREVIEW
Katmanları üst üste koy. Her birini ayarla. Üretime hazır CSS kopyala.
Bu ücretsiz CSS box-shadow oluşturucu, istediğiniz kadar gölge katmanını görsel olarak istiflemenize, her katman için ofset, bulanıklık, yayılma, renk ve opaklığı ayarlamanıza ve ardından üretim kalitesinde CSS kopyalamanıza olanak tanır — her şey tarayıcınızda çalışır.
Her gölge için bir katman ekleyin, ofset, bulanıklık, yayılma ve rengi ayarlayın, ardından virgülle ayırın. Oluşturucu sıralamayı ve rgba dönüştürmesini yönetir, böylece doğrudan stil dosyanıza düşen CSS'i kopyalayabilirsiniz.
Varsayılan yumuşak gölge ile başlayın, ardından ofset, bulanıklık, yayılma ve renk kaydırıcılarını zevkinize göre ayarlayın. Daha zengin derinlik için daha fazla katman ekleyin — ortam + ana gölge klasik bir iki katman desenidir. Karanlık ve aydınlık yüzeylerde kontrastı doğrulamak için sahne arka planını değiştirin. Hazır olduğunuzda CSS Kopyala'ya basın.
Tek bir box-shadow bildirimi içinde virgülle ayırın. İlk gölge diğerlerinin üzerinde boyanır; sıkı bir ortam gölgesini geniş bir difüz olanla harmanlarken bu önemlidir.
Blur, gölgenin kenarlarını yumuşatır; spread ise bulanıklıktan önce gölgenin kendisini genişletir veya daraltır. Ortam için blur, sıkı kenar vurguları için spread kullanın.
Evet. Neumorphism ön ayarı karşıt taraflarda bir koyu ve bir açık gölge istifler; Glass ön ayarı ise donuk camı taklit etmek için dış drop shadow'u iç highlight ile birleştirir.
Tooljar ekibi tarafından W3C CSS Backgrounds and Borders Module Level 3 spesifikasyonuna göre kurulmuştur — her katman tarayıcının ayrıştırdığı aynı kısayolda canlı render edilir, böylece önizleme, üretim CSS'inin boyayacağı şeyin tam olarak kendisidir.