Kutu Gölgesi CSS Oluşturucu
CSS kutu gölgesi özelliklerini görsel olarak oluşturun ve önizleyin.
Gölge Ayarları
Gölge efektini özelleştirmek için kaydırıcıları ayarlayın
Gölge 1
Hazır Ayarlar
Önceden tanımlanmış gölge stillerini deneyin
Önizleme
Oluşturulan gölge efektini görün
Preview
Oluşturulan CSS
box-shadow: 0px 4px 6px 0px #00000040;Kutu Gölgesi Özellik Referansı
Özellik Açıklamaları
- • X Ofseti: Gölgenin yatay konumu (pozitif: sağ, negatif: sol)
- • Y Ofseti: Gölgenin dikey konumu (pozitif: aşağı, negatif: yukarı)
- • Bulanıklık: Gölgenin bulanıklık yarıçapı (0: keskin, daha büyük değerler daha bulanık)
- • Yayılma: Gölgenin boyutu (pozitif: genişlet, negatif: küçült)
- • Renk: Gölgenin rengi (HEX, RGB, RGBA vb.)
- • İç Gölge: Gölgenin iç gölge olup olmadığı