Easy24Easy24
PDFGörselVideoMetinDönüştürÜretHesaplaGeliştiriciGüvenlikZaman

Kutu Gölgesi Oluşturucu

Canlı önizlemeli CSS box-shadow oluştur. Çoklu katman, inset gölge, hazır şablonlar, kopyala veya indir.

GizliTarayıcıdaAnındaLimitsiz

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

1

Ş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.

2

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.

3

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. Kaydırıcılar ve şablonlar hızlı iterasyon sağlar; CSS'i stil dosyanıza veya Tailwind arbitrary value'ya yapıştırın.

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.

CSS'im sunucuya gider mi?

Hayır. Her şey bu tarayıcı sekmesinde çalışır.

Günlük limit var mı?

Hayır. Bu oluşturucu ücretsiz planda sınırsızdır.

Easy24 işine yaradıysa kahve ısmarla

Araçlar tarayıcıda ücretsiz kalır. Kreosus üzerinden tek seferlik destek verirsin. Türkiye kartları geçer.

Kahve ısmarla

Benzer Geliştirici araçları

Tümünü gör

JSON 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ç