← Tüm metin araçları

CSS kutu gölgesi oluşturucu

Kaydırıcılarla kutu gölgeleri tasarlayın, canlı önizlemeyi görün ve CSS'i kopyalayın.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık CSS kutu gölgesi oluşturucu

Canlı bir önizleme üzerinde kaydırmayı, bulanıklığı, yayılmayı, rengi ve opaklığı ayarlayın ve box-shadow bildirimini kopyalayın. Değerler sırasıyla x kaydırması, y kaydırması, bulanıklık yarıçapı, yayılma yarıçapı ve renktir. Gölgeyi kutunun içine çizmek için inset ekleyin ve doğal sonuçlar için opaklığı düşük tutun.

CSS kutu gölgesi oluşturucu nasıl kullanılır

  1. Yukarıdaki seçenekleri ayarlayın. Sonuç canlı olarak güncellenir.
  2. Tam istediğiniz gibi olana kadar her şeyi değiştirin.
  3. Sonucu kopyalayın veya indirin.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

box-shadow'daki yayılma (spread) değeri ne işe yarar?

Yayılma (spread), bulanıklık uygulanmadan önce gölgeyi büyütür veya küçültür. Pozitif sayı gölgeyi kutudan büyük, negatif sayı ise küçük yapar; bu, yalnızca bir tarafta gölge için iyidir.

CSS kutu gölgesi oluşturucu ücretsiz mi?

Evet. Toolipedia'daki CSS kutu gölgesi oluşturucu ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

İlgili araçlar