N8N ile otomatik iş akışları oluşturun!•Yıllık alımlarda ücretsiz .com.tr alan adı•Sanal Sunucu paketleri ₺149.90'dan başlayan fiyatlarla•Hosting paketlerinde ücretsiz SSL sertifikası•VDS ve Performans sunucularda %10 indirim kodu TANISMA2026•N8N ile otomatik iş akışları oluşturun!•Yıllık alımlarda ücretsiz .com.tr alan adı•Sanal Sunucu paketleri ₺149.90'dan başlayan fiyatlarla•Hosting paketlerinde ücretsiz SSL sertifikası•VDS ve Performans sunucularda %10 indirim kodu TANISMA2026•
CSS Box Shadow (Gölge) Üretici
Kaydırma, bulanıklık, yayılma ve renk ayarlarıyla görsel olarak CSS gölgesi oluşturun.
Tarayıcıda çalışır, veri gönderilmez Ücretsiz · Kayıt gerekmez
0
10
25
-5
25
box-shadow: 0px 10px 25px -5px rgba(15, 23, 42, 0.25);
Görsel olarak CSS gölgesi oluşturun
Gölgeler, web arayüzlerinde derinlik ve hiyerarşi hissi yaratır; kartları, butonları ve modalları öne çıkarır. Bu araçla kaydırma, bulanıklık, yayılma ve renk değerlerini sürükleyerek mükemmel gölgeyi bulun ve hazır CSS kodunu kopyalayın.
Sıkça Sorulan Sorular
box-shadow özelliği bir öğeye gölge ekler ve şu değerleri alır: yatay kaydırma, dikey kaydırma, bulanıklık (blur), yayılma (spread) ve renk. 'inset' anahtar kelimesiyle gölge öğenin içine doğru uygulanır.
Yumuşak, doğal görünen gölgeler için bulanıklık (blur) değerini yüksek, gölge rengini ise düşük opaklıkta (örneğin siyahın %15'i) tutun. Çok keskin veya koyu gölgeler tasarımı yapay gösterir.
Evet, CSS'te box-shadow değerlerini virgülle ayırarak birden çok gölge katmanlayabilirsiniz. Bu araç tek bir gölge üretir; çıktıyı kopyalayıp virgülle çoğaltarak katmanlı gölgeler oluşturabilirsiniz.
İlgili Araçlar
Online HTML Editör
HTML, CSS ve JavaScript kodunuzu yazın, sonucu anında canlı önizlemede görün.
JSON Formatlayıcı & Doğrulayıcı
Karışık JSON verisini okunaklı biçime getirin, hataları bulun veya tek satıra küçültün.
Base64 Kodlayıcı / Çözücü
Metni anında Base64 formatına kodlayın veya Base64'ten geri çözün. Unicode desteği vardır.
Hızlı, güvenli ve Türkiye merkezli hosting
NVMe SSD, ücretsiz SSL ve %99.9 uptime garantisi ile web sitenizi Clou.TR'ye taşıyın.