Zahmetsizce Güzel CSS Kutu Gölgeleri Oluşturun

Sezgisel arayüzümüzle çarpıcı kutu gölgeleri oluşturun. CSS kodunu kopyalayın ve anında projelerinizde kullanın.

Preview

Kutu Gölgesi

Beni özelleştir

CSS Çıktısı

box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

Gölge Kontrolleri

Position

0px
4px

Size

6px
-1px

Color

10%

Options

Presets

Yumuşak Gölge

Orta Gölge

Ağır Gölge

İç Gölge

Keskin Diyagonal

Anahat Işıması

Çift Gölge

Kaldırılmış Efekt

Nasıl Kullanılır?

Temel Kontroller

  • AyarlayınYatay OfsetGölgeyi sola veya sağa taşımak için
  • AyarlayınDikey OfsetGölgeyi yukarı veya aşağı taşımak için
  • ArttırBulanıklık YarıçapıGölgeyi daha yumuşak hale getirmek için
  • Use Yayılma YarıçapıGölgenin toplam boyutunu artırmak veya azaltmak için
  • DeğiştirColor and OpacityGölge görünümünü özelleştirmek için

Gelişmiş Özellikler

  • Enable İç Gölgeİç gölge efekti oluşturmak için
  • Use Çoklu Gölgelerdaha karmaşık efektler için
  • Kaydet ve yüklePresetsEn sevdiğiniz gölgelere hızlı erişim için
  • Click Rastgele GölgeİLHAM ALMAK İÇİN
  • Oluşturulan CSS kodunu kopyalayın ve projenize yapıştırın

Related Tools