DevTulz Online

CSS Box Shadow Oluşturucu

Arka Plan


CSS Box Shadow Nedir?

CSS box-shadow özelliği, bir öğenin çerçevesi etrafına gölge efektleri ekler. Gölgeler kaydırılabilir, bulanıklaştırılabilir, yayılabilir, renklendirilebilir ve inset (iç gölge) olarak ayarlanabilir. Virgülle ayrılmış birden fazla gölge, zengin efektler için katmanlanabilir. Bu oluşturucu, karmaşık çok katmanlı gölgeleri görsel olarak oluşturmanıza ve yapıştırmaya hazır CSS'i panoya kopyalamanıza olanak tanır.

Box Shadow Oluşturucu Nasıl Kullanılır

  1. Gölgeyi konumlandırmak ve şekillendirmek için Offset X/Y, Blur ve Spread kaydırıcılarını ayarlayın.

  2. Gölge rengi seçmek için renk örneğine tıklayın ve saydamlık için Opacity kaydırıcısını kullanın.

  3. İç parlaklık veya basılmış efekt oluşturmak için 'İç gölge'yi açın.

  4. Birden fazla gölgeyi üst üste yığmak için '+ Katman ekle'ye tıklayın.

  5. Oluşturulan CSS'i kopyalayın ve stil sayfanıza yapıştırın.

Keywords: CSS box shadow oluşturucu, box-shadow CSS, CSS gölge aracı, CSS drop shadow, iç gölge, çok katmanlı gölge, CSS shadow çevrimiçi