Kutu Gölgesi Oluşturucu
Canlı önizlemeli CSS box-shadow oluştur. Çoklu katman, inset gölge, hazır şablonlar, kopyala veya indir.
Birden fazla virgülle ayrılmış gölge birleştirin. Basılı veya gömülü efektler için inset kullanın.
Nasıl çalışır
Şablon seç veya sıfırdan başla
Yaygın gölge stilleri için şablon küçük resmine tıkla: yumuşak yükseltme, katmanlı derinlik, neumorphic, parlama veya inset.
Katmanları ayarla
X/Y ofset, bulanıklık, yayılım ve renk için kaydırıcıları kullan. İç gölge için inset'i aç. Gerçekçi derinlik için birden fazla katman ekle.
CSS kopyala veya indir
Önizleme canlı güncellenir. Box-shadow: …; kopyala veya box-shadow.css indir: sunucuya yükleme yok.
Neden box-shadow oluşturucu?
Gölge değerlerini elle ayarlamak yavaştır. Kutu Gölgesi Oluşturucu, Easy24’ün geliştirici araçlarından biridir. Normal kullanımda girdin bu sekmede kalır; Easy24 bu içeriği işlemek için yüklemez. Bu aracın günlük ücretsiz plan tavanı yoktur; istediğin kadar kullan. Tipik akış: Şablon seç veya kaydırıcıları ayarla, gerekirse katman ekle, CSS'i kopyala veya indir. Takip adımı yaygınsa sayfada ilgili araçlar ve ters dönüşümler görünür.
Neden bu araç
- Ayarlanabilir kart ile canlı önizleme
- Birden fazla gölge katmanı
- Inset ve dış gölge
- Beş hızlı şablon
- Hex ve rgba renk girişi
- Sınırsız kullanım: günlük limit yok
Sorular
Kutu Gölgesi Oluşturucu ne yapar?
Kaydırıcılar ve canlı önizleme ile CSS box-shadow bildirimleri oluşturur. Birden fazla virgülle ayrılmış gölge ekleyebilirsiniz.
Inset gölge nedir?
Inset gölgeyi öğenin içine çizer: basılı düğmeler, input'lar veya gömülü paneller için kullanışlıdır.
Birden fazla katman kullanabilir miyim?
Evet. Katman ekleyerek gölgeleri birleştirin: örneğin yumuşak ortam gölgesi artı sıkı temas gölgesi.
Hangi birimleri çıktı verir?
Ofset, bulanıklık ve yayılım için piksel değerleri. Renkler girdiğiniz hex (alfa ile) veya rgba dizeleri.
Easy24 işine yaradıysa kahve ısmarla
Araçlar ücretsiz kalır. Teşekkür etmek istersen tek seferlik bağış yapabilirsin.
Kutu Gölgesi Oluşturucu ne zaman kullanılır
Kutu Gölgesi Oluşturucu yalnızca ara sıra gerekiyorsa tarayıcı sayfası çoğu zaman yeter: seçenekleri ayarla, sonucu al, devam et. Canlı önizlemeli CSS box-shadow oluştur. Daha hızlı ilerlemek için ön ayarları kullanın, tasarım sistemi veya bilet tam sayı istediğinde değerleri ince ayarlayın. Kutu Gölgesi Oluşturucu Easy24’te iki dilli olduğu için araç davranışı değişmeden aynı iş akışı İngilizce veya Türkçe çalışır. Buradaki gizlilik varsayılanı tarayıcı önceliklidir: bu iş akışı için süre dolmasını bekleyen bir Easy24 belge gelen kutusu yoktur. Bu sayfanın günlük ücretsiz plan tavanı yoktur; istediğiniz kadar çalıştırabilirsiniz. Bitince ihtiyacınız olanı indirin veya kopyalayın, sonra sekmeyi kapatın. Sayfadaki ilgili araçlar ters dönüşüm veya komşu format gibi yaygın takip adımlarını kapsar. Easy24’te araç sayfaları İngilizce ve Türkçe senkron tutulur; davranış aynı kalır.
Benzer Geliştirici araçları
Tümünü görJSON Biçimlendirici
Geliştirici
JSON'u tarayıcıda güzelleştir, küçült, doğrula ve anahtarları sırala. 2 veya 4 boşluk girinti, dosya içe aktarma ve indirme.
AçMeta Etiket Üretici
Geliştirici
SEO başlık, açıklama, Open Graph, Twitter Card ve canonical etiketlerini canlı sosyal önizleme ile oluştur. Tarayıcıda çalışır.
AçCSS Gradyan Oluşturucu
Geliştirici
Doğrusal ve radyal CSS gradyanları tasarla; üç renk durağına kadar. Canlı önizleme, hazır şablonlar, hex girişi, kopyala veya indir.
Aç