CSS Kutusu Gölge Oluşturucu

Bir kutu gölge bildiriminin altı hareketli parçası vardır: X ve Y ofseti, bulanıklaştırma, yayma, renk ve isteğe bağlı ek anahtar kelime - ve bunları doğru şekilde elde etmenin tek yolu onları görmektir. Bu oluşturucu, her parçayı bir kaydırıcıya yerleştirir ve siz sürükledikçe sonucu bir önizleme kartında görüntüler; böylece alttaki CSS satırı her zaman tam olarak baktığınız şey olur.

Gerçek dünyadaki gölgeler nadiren tek bir katmandır. Katman listesi, tek bir bildirimde en fazla dört gölgeyi yığmanıza olanak tanır: kenar tanımı için sıkı bir koyu çizgi artı yükselme için geniş, yumuşak bir yıkama veya neomorfizmi tanımlayan açık ve koyu çifti. Düzenlemek için bir katman seçin, ihtiyacınız olmayanları kaldırın ve birleşik kutu gölge değeri güncellemeleri yayınlanır.

Gölgeler, siyaha yakın bir sayfadaki siyah gölgenin tamamen kaybolduğu karanlık arayüzlerde çok farklı okunur. Önizleme arka planı geçişi, arka planı açık ve koyu arasında değiştirir, böylece göndermeden önce her iki temayı da kontrol edebilirsiniz. Önceden ayarlanmış sayfalar, insanların gerçekte aradığı çeşitleri kapsar: yumuşak bir yükseklik gölgesi, bir iç boşluk, iki katmanlı neumorfizm tarifi ve ince bir kart gölgesi.

Bu sitedeki her araç gibi, oluşturucu da ücretsizdir ve tamamen tarayıcınızda çalışır: yükleme yok, hesap yok ve sayfa yüklendikten sonra çevrimdışı çalışmaya devam ediyor.