# Box Shadow Oluşturucu

> Kutu gölgesi, glassmorphism veya neumorphism efektini önizle. Renk ve bulanıklığı ayarla, CSS kodunu ücretsiz kopyala.

- Kategori: [Geliştirici Araçları](https://toolbrio.com/kategori/gelistirici/index.md)
- Alt kategori: Renk ve CSS
- Son güncelleme: 2026-09-29
- Etkileşimli araç: [https://toolbrio.com/box-shadow-olusturucu/](https://toolbrio.com/box-shadow-olusturucu/)

## Kutu gölgesini ayarlayın ve kodu alın

Box shadow generator yatay ve dikey kayma, bulanıklık, yayılma, renk ve opaklık değerlerinden tek bir CSS gölgesi üretir. Önizleme değiştikçe kopyalanacak kod da yenilenir. İç gölge seçimi inset anahtarını ekler.

## Dört uzunluk neyi değiştirir?

Yatay kaymanın pozitif olması gölgeyi sağa, negatif olması sola taşır. Dikey değer için pozitif aşağı, negatif yukarıdır. Bulanıklık kenarı yumuşatır; negatif olamaz. Yayılma gölge şeklini büyütür veya negatif değerde küçültür.

0, 8, 24 ve 0 px ile siyah %15 opaklık seçildiğinde kod box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15); olur. Bu örnek belirli bir tasarım için zorunlu gölge değildir; değerleri kendi yüzeyinize göre ayarlayın.

## CSS box shadow generator kapsamı

[W3C kutu gölgesi tanımı](https://www.w3.org/TR/css-backgrounds-3/) gölgenin yerleşim alanını değiştirmediğini açıklar. Dış gölge komşu öğelerin üstüne taşabilir veya üst kapsayıcının kırpmasıyla görünmeyebilir. Standart gölge modu tek katman üretir. Neumorphism modu karşıt iki gölge kullanır. Animasyon ve drop-shadow filtresi üretilmez.

## Glassmorphism ile cam etkisi

Efekt listesinden glass seçin. Renk ve opaklık yarı saydam yüzeyi, bulanıklık backdrop-filter değerini belirler. Köşe yarıçapını piksel cinsinden ayarlayın. Efektin görünmesi için kutunun arkasında renk veya içerik olmalıdır; tamamen opak yüzey arka planı örter. Araç bulanıklık, saydam zemin, kenarlık ve gölge kodunu birlikte verir. Tarayıcı desteği ve arka plandaki içeriğe göre görünüm değişebilir.

## Neumorphism ile yumuşak yüzey

neo modunda zemin rengine göre açık ve koyu iki karşıt gölge oluşturulur. Yatay ve dikey kayma ışığın yönünü, bulanıklık yumuşaklığı belirler. Kontrast yüzdesi koyu gölgeyi siyaha, açık gölgeyi beyaza yaklaştırır. İç gölge seçildiğinde iki gölgeye de inset eklenir. Kapsayıcıda aynı taban rengini kullanın; siyah veya beyaz tabanda gölgelerden biri daha az belirgin olabilir. Bu efektler tek başına erişilebilir metin kontrastı sağlamaz.

## Sık sorulan sorular

### Metin gölgesi oluşturur mu?

Hayır. Üretilen özellik kutu için box-shadow özelliğidir; text-shadow değildir.

### Gölgeyi tamamen görünmez yapabilir miyim?

Opaklığı sıfır yapabilirsiniz. Kod yine üretilir fakat gölge saydam olur.

### İç gölgede yönler aynı mı?

Kayma değerlerinin işareti aynı koordinat yönünü kullanır; inset gölgenin kutunun içinde çizilmesini değiştirir.

### Gölge neden kendi sitemde kesiliyor?

Üst kapsayıcının overflow veya kırpma ayarları dış gölgeyi kesebilir. Bu araç sayfanızın kapsayıcı stilini değiştirmez.