CSS Box Shadow Oluşturucu
Canlı önizleme ile görsel olarak box shadow'lar tasarlayın. Offset, bulanıklık, yayılma, renk ve opaklık ayarlayın. CSS kodunu anında kopyalayın.
Box Shadow Oluşturucu Nasıl Kullanılır
Yatay offset, dikey offset, bulanıklık yarıçapı, yayılma, renk ve opaklığı kontrol etmek için kaydırıcıları ayarlayın. Canlı önizleme anında güncellenir. Modern UI tasarımında yaygın olarak kullanılan karmaşık derinlik efektleri için birden fazla gölge katmanı ekleyin.
Gerçekçi Gölgeler İçin İpuçları
Doğal görünümlü yükelti için düşük opaklık (0.1-0.3), orta bulanıklık ve hafif dikey offset kullanın. Material Design yükeltisini taklit etmek için iki gölge üst üste koyun — biri tanım için sıkı, diğeri ortam ışığı için yumuşak.
SSS
İç gölge seçeneği nedir?
İç gölgeler öğenin dışında değil içinde görünür ve basılmış veya çökmüş bir etki yaratır. Giriş alanları ve kart iç gölgeleri için yararlıdır.
Birden fazla box shadow kullanabilir miyim?
Evet. Birden fazla gölge katmanlamak için "GÖLGE EKLE"ye tıklayın. CSS virgülle ayrılmış gölge değerlerini destekler ve bu araç birleşik kodu sizin için oluşturur.
RELATED TOOLS