Güncel değerler
CSS ve tasarım

Box Shadow Oluşturucu

Box Shadow Oluşturucu aracında değerleri gir, sonuç sen yazdıkça anında hesaplansın.

Son güncelleme: 5 Ekim 2026Hesaplama tarayıcında yapılır

px
px
px
px
%
CSSbox-shadow: 0px 10px 30px -5px rgba(30, 27, 75, 0.2);

Box Shadow Oluşturucu nasıl kullanılır?

Box Shadow Oluşturucu ile değerleri girdiğin anda sonucu görürsün. Varsayılan değerler örnek amaçlıdır; kendi bilgilerini yazarak hesaplamayı kişiselleştirebilir, sonucu kopyalayabilir ya da adres çubuğundaki bağlantıyla paylaşabilirsin.