Gölge Oluşturucu

Ücretsiz çevrimiçi CSS box-shadow oluşturucu. Ofset, bulanıklık, yayılım, renk ayarlama, gerçek zamanlı önizleme. Kodu kopyalayın. Tarayıcıda işlenir.

CSS Box Shadow Oluşturucu; box-shadow özelliğini görsel olarak düzenleyen ücretsiz bir çevrimiçi araçtır. Kaydırıcılar ve gerçek zamanlı önizleme ile ofset, bulanıklık, yayılma ve rengi ayarlayın. Birden fazla gölgeyi ve inset'i destekler. Sunucuya yükleme olmadan tarayıcı tabanlı işleme — web geliştirme için tamamen ücretsiz.

box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
lock Dosyalar hiçbir sunucuya gönderilmez

Gölge Oluşturucu nasıl kullanılır?

  1. Kaydırıcılarla yatay/dikey ofset, bulanıklık ve yayılma değerlerini ayarlayın.
  2. Gölge rengini ve opaklığını ayarlayın.
  3. Oluşturulan CSS kodunu kopyalayın ve projenizde kullanın.

Gölge Oluşturucu hakkında sık sorulan sorular

Tek seferde birden fazla gölge ekleyebilir miyim?

Evet, karmaşık derinlik ve efektler oluşturmak için birden fazla gölge ekleyebilirsiniz. Her gölge ayrı ayrı ayarlanabilir.

Inset gölge nedir?

Inset gölge, öğenin dışında değil içinde görünür. Normal box-shadow dışarıda görünürken, inset eklemek girintili, içe doğru bastırılmış bir efekt oluşturur.

İlgili Araçlar

Köşe Yuvarlaklığı

Ücretsiz çevrimiçi CSS border-radius önizleme. Her köşeyi ayrı ayrı ayarlayın, gerçek zamanlı önizleme. Kodu kopyalayın. Tarayıcıda işlenir.

Yazı Tipi Eşleştirme

Ücretsiz çevrimiçi yazı tipi eşleştirme önerileri. Başlık ve gövde için Google Fonts kombinasyonları, gerçek zamanlı önizleme. Tarayıcıda işlenir.

CSS Grid Oluşturucu

Ücretsiz çevrimiçi CSS Grid oluşturucu. Görsel düzenleyici ile satır, sütun, boşluk ayarlayın, otomatik kod oluşturma. Tarayıcıda işlenir.