Box Shadow Jeneratör
Genrate CSS kutusu gölgeleri
Configuración
Vista Previa
Elemento con sombra
💡Casos de uso
- ✓ Crear efectos de profundidad
- ✓ Diseñar botones con elevación
- ✓ Generar sombras para tarjetas
- ✓ Crear efectos 3D con CSS
Kutu Gölge Oluşturucumuzla güzel gölge efektleri tasarlayın. Görsel önizleme ve anında kod oluşturma özellikleriyle düğmeler, kartlar ve kullanıcı arayüzü öğeleri için özel CSS gölgeleri oluşturun.
Key Features
Ayarlanabilir gölge ofseti (yatay ve dikey)
Yarıçap kontrollerini bulanıklaştırın ve dağıtın
Opaklık ayarlı özel gölge rengi
Karmaşık efektler için çoklu gölge desteği
Gerçek zamanlı görsel önizleme
Tek tıklamayla CSS kodunu kopyalayın
Kutu Gölge Oluşturucu
Uzaklığı Ayarla
Yatay ve dikey gölge uzaklığını piksel cinsinden ayarlamak için kaydırıcıları kullanın
Bulanıklaştırmayı ve Yayılmayı Ayarla
Bulanıklaştırma yarıçapını (yumuşaklık) ve yayılma yarıçapını (boyut genişletme) yapılandırın
Renk Seçin
Gölge rengini seçin ve istediğiniz efekt için opaklığı ayarlayın
Önizleme Efekti
Önizleme öğesindeki gölge efektini gerçek zamanlı olarak görüntüleyin
Kopyala ve Kullan
CSS kutusu gölge kodunu stil sayfanıza eklemek için Kopyala'yı tıklayın
Use Cases
Düğmelerde derinlik ve yükseklik efektleri oluşturma
Hafif gölgelerle kart bileşenleri tasarlama
Dinamik gölgelerle vurgulu efektleri ekleme
Gölge hiyerarşisine sahip katmanlı kullanıcı arayüzü tasarımları oluşturma
Frequently Asked Questions
Kutu gölgesi ne için kullanılır?
Box-shadow, derinlik ve görsel ilgi için HTML öğelerinin çevresinde gölge efektleri oluşturur
Birden fazla gölge oluşturabilir miyim?
Evet, araç karmaşık efektler için birden fazla kutu gölgesini destekler
Opaklık gölgeleri nasıl etkiler?
Opaklık (alfa), gölge şeffaflığını 0 (şeffaf) ila 1 (opak) arasında kontrol eder
Gölgeler CSS ile uyumlu mu?
Evet, oluşturulan tüm kutu gölgesi değerleri modern tarayıcılarla uyumludur
Tool Information
Related Tools You Might Like
Imagen Color Agent from Image
Bir görüntüden baskın renkler
RGB/HEX Converter
RGB ve HEX renk biçimleri arasında dönüştürücü
CSS Gradient Jeneratör
Özel CSS lisanslamaları ile oluşturun
WCAG Contrast Checker
WCAG standartlarına göre renk kontrastı kontrol edin
Digital Signature Jeneratör
Farklı fontlarla dijital imzalar oluşturun
Text Shadow Jeneratör
Genrate CSS metin gölgeleri
Surfboard Volume Hesap
Kilonuz, deneyim seviyeniz ve dalga koşullarınıza dayanan mükemmel sörf hacmini hesaplayın.
Wave Height Converter
Farklı dalga yükseklik ölçümleri (yüz yükseklik, Hawaii ölçeği, okyanus swell).
Scuba Dive Planlayıcı
Scuba dalışını derinlik sınırları, alt zaman ve güvenlik depresyon gereksinimleri ile planlayın.