Renk ve Tasarım
Kutu Gölgesi Oluşturucu
Ücretsiz CSS box-shadow oluşturucu. Ofset, bulanıklık, yayılım, renk ve opaklık için sürgüleri kullanarak gölgeler tasarlayın. Birden çok gölgeyi katmanlayın. CSS'i anında kopyalayın.
Runs in your browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
Editörün notu
Understanding · Five numbers. A whole light source.
Bu ayrıntılı bölüm şu anda yalnızca İngilizce olarak sunulmaktadır. Yukarıdaki dönüştürme aracı sizin dilinizde çalışır; uzun açıklayıcı yazı henüz çevrilmemiştir.
Sıkça sorulan sorular
Quick answers.
›Can I layer multiple shadows?
Yes — add as many shadows as you want, each with its own offset, blur, spread and color.
›Does it support inset shadows?
Yes — toggle 'inset' to make a shadow appear inside the element instead of outside.
›Does it output Tailwind?
Yes — for common single-shadow patterns. Multi-shadow stacks need custom CSS.
›Is the generator free?
Yes — fully free, no signup.
İnsanlar ayrıca şunları arar
İlgili araçlar
More in this room.
- Gelişmiş Kutu Gölge DüzenleyiciCanlı önizleme ile birden çok gölgeyi biriktirin.
- Gradyan OluşturucuDoğrusal, radyal ve konik CSS gradyanları.
- Köşe Yuvarlama OluşturucuKöşeye özel CSS border-radius düzenleyicisi.
- Kübik Bezier DüzenleyiciCSS easing eğrilerini görsel olarak tasarlayın.
- CSS Animasyon OluşturucuAna kareleri görsel olarak oluşturun, yapıştırmaya hazır CSS'yi kopyalayın.
- CSS Filtre OluşturucuBulanıklık, parlaklık, ton döndürme ve daha fazlasını canlı önizleyin.