ToolHQ - A box shadow, bir HTML elementine drop shadow ekleyen ve derinlik ile görsel ilgi oluşturan grafiksel bir efekttir.

Box Shadow Generator'ı nasıl kullanırım?

Sadece istediğiniz box shadow türünü seçin, özellikleri yapılandırın ve oluşturulan CSS kodunu dışa aktarın.

ToolHQ'de box shadow özelliklerini özelleştirebilir miyim?

Evet, box shadow'unuzun rengini, blur, spread ve position ayarlarını istediğiniz efekti elde etmek için düzenleyebilirsiniz.

Evet, Box Shadow Generator tamamen ücretsiz olarak kullanılabilir, herhangi bir sınırlama veya filigran yoktur.

Evet, Box Shadow Generator'ı hem kişisel hem de ticari projeler için ücretsiz olarak kullanabilirsiniz.

free

ToolHQ ile CSS box-shadow oluşturun ve canlı görsel önizlemesiyle görüntüleyin.

Horizontal Offset: 4

Vertical Offset: 4

Blur Radius: 8

Spread Radius: 0

Opacity: 0.3

Color

Inset

Preview

CSS

box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.3);

ToolHQ'den çeşitli box shadow türleri arasından seçim yapın; inset, outer ve custom seçenekleri de içermektedir.

ToolHQ box shadow'unuzun rengini, blur'ını, spread'ini ve konumunu ayarlayarak istediğiniz efekti elde edin

Oluşturduğunuz CSS box-shadow kodunu kopyalayıp projenize yapıştırın veya daha sonra kullanmak üzere kaydedin

Generate linear and radial CSS gradients visually.

Generate CSS border-radius visually.

Format and beautify CSS code online.