Utilizist
Oluşturucular

Gölge Oluşturucu

Elementleriniz için modern CSS box-shadow efektleri oluşturun.

Girdiler

CSS Gölge (Box Shadow) Oluşturucu

Gölge Oluşturucu, web elementlerinize derinlik kazandırmak için kullanabileceğiniz modern CSS box-shadow kodlarını hızlıca üretmenizi sağlar.

Box Shadow Parametreleri

  • Yatay Ofset (Horizontal): Gölgenin sağa (+) veya sola (-) olan uzaklığı.
  • Dikey Ofset (Vertical): Gölgenin aşağı (+) veya yukarı (-) olan uzaklığı.
  • Bulanıklık (Blur): Gölgenin keskinliğini belirler. Değer arttıkça gölge yumuşar.
  • Renk: Gölgenin rengi ve opaklığı (genellikle rgba kullanılır).

Nasıl Kullanılır?

  1. Değerleri Ayarlayın: Ofset ve bulanıklık değerlerini girin.
  2. Rengi Seçin: Gölgenin tonunu belirleyin.
  3. Kopyala: Oluşturulan box-shadow CSS kodunu kopyalayın.

İpucu

Modern tasarımlarda çok koyu olmayan, hafif bulanık ve yumuşak gölgeler kullanmak daha profesyonel bir sonuç verir.