Daily Toolkits

Kutu Gölge Oluşturucu

Kaydırma, bulanıklaştırma, yayma ve renk özellikleriyle katmanlı kutu gölgeleri tasarlayın. Bir kartta önizleyin ve ardından tek tıklamayla CSS'yi kopyalayın.

Box Shadow Generator

Live
Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

  • Canlı önizleme dahil, ofset, bulanıklaştırma, yayma ve renk özellikleriyle katmanlı kutu gölgeleri tasarlayın.
  • Tarayıcınızda çalışır
  • Kullanımı ücretsiz

Nasıl kullanılır

  1. Ofseti, bulanıklığı ve yayılmayı ayarlayın.
  2. Rengi ve opaklığı seçin (veya katman ekleyin).
  3. Kutu gölgesi CSS'sini kopyalayın.

How this tool works

  1. Ofseti, bulanıklığı ve yayılmayı ayarlayın.
  2. Rengi ve opaklığı seçin (veya katman ekleyin).
  3. Kutu gölgesi CSS'sini kopyalayın.

Recommended settings

  • Önce varsayılan seçenekleri kullanın, ardından gerekirse ayarlayın

Supported formats

Text / on-page input

File size and limits

  • Çok karmaşık, çok katmanlı önizlemeler eski telefonlarda daha yavaş gelebilir.

Privacy

Renk ve CSS oluşturucular tamamen tarayıcınızda çalışır. Önizlemeler ve dönüşümler hiçbir zaman stillerinizi yüklemez.

Common use cases

  • Box Shadow Generator'ı ihtiyaç duyduğunuzda kullanın: Canlı önizleme dahil, ofset, bulanıklaştırma, yayılma ve renk özellikleriyle katmanlı kutu gölgeleri tasarlayın.

Troubleshooting

Yapıştırma işleminden sonra önizleme farklı görünüyor

Sayfanızda rakip CSS olup olmadığını kontrol edin (sıfırlamalar, devralınan renkler). Oluşturulan kuralı önce yalıtılmış bir stil sayfasına kopyalayın.

SSS

Bu benim CSS'mi yüklüyor mu?

Hayır. Oluşturucular ve dönüştürücüler tarayıcınızda canlı önizlemeyle çalışır.

Bir hesaba ihtiyacım var mı?

Hayır. Aracı açın, kontrollerde ince ayarlar yapın ve CSS'yi kopyalayın.

İlgili araçlar

Text Shadow Generator

Craft readable text-shadow styles with live typography preview.

Open tool

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool