Ücretsiz Dönüştürücü

Kutu Gölgesi Oluşturucu

Canlı önizleme ile CSS box-shadow'u görsel olarak oluşturun. Birden fazla gölge katmanı ekleyin, bulanıklık, yayılma, renk ve iç kısmı ayarlayın — ücretsiz ve istemci tarafı.

Canlı Önizleme
Preview
CSS Çıktısı
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Katman 1

Yatay Kaydırma4px
-50px50px
Dikey Kaydırma4px
-50px50px
Bulanıklık Yarıçapı16px
0px100px
Yayılma Yarıçapı0px
-50px50px
Gölge Rengi
#000000
Opaklık25%
0%100%
İç
outset

Bu araç hakkında

Box Shadow Generator ile doğrudan tarayıcınızda içerik oluşturun ve özelleştirin. Tercihlerinizi yapılandırın, çıktıyı oluşturun ve sonucu indirin veya kopyalayın. Her şey istemci tarafında çalışır; verileriniz gizli kalır ve işlenmesi anında gerçekleşir.

Nasıl kullanılır

  1. Ayarları ve seçenekleri gereksinimlerinize uyacak şekilde yapılandırın.
  2. Çıktınızı oluşturmak için Oluştur'a tıklayın.
  3. Sonucu önizleyin ve gerekirse ayarlamalar yapın.
  4. Çıktı dosyasını indirin veya panonuza kopyalayın.

Sık sorulan sorular

Oluşturulan çıktıyı özelleştirebilir miyim?
Evet. Araç, çıktıyı özel ihtiyaçlarınıza göre uyarlamak için çeşitli özelleştirme seçenekleri sunar. Oluşturmadan önce ayarları yapın veya farklı seçeneklerle yeniden oluşturun.
Oluşturulan içeriğin kullanımı ücretsiz mi?
Evet. Bu araçla oluşturduğunuz her şey, herhangi bir kısıtlama veya atıf zorunluluğu olmaksızın kişisel, eğitimsel veya ticari amaçlarla kullanabilirsiniz.
Bu bir hesap gerektiriyor mu?
Hayır. Araç herhangi bir kaydolma, e-posta gönderme ve kaydolma gerekmeden anında kullanıma hazırdır. Sadece sayfayı açın ve üretmeye başlayın.
Giriş verilerim gizli tutuluyor mu?
Evet. Tüm işlemler tarayıcınızda gerçekleşir. Giriş verileriniz ve oluşturulan çıktınız hiçbir zaman herhangi bir harici sunucuya gönderilmez.