Box shadow adalah efek grafis yang menambahkan drop shadow pada elemen HTML, menciptakan kedalaman dan daya tarik visual.

Bagaimana cara menggunakan Box Shadow Generator?

Cukup pilih jenis box shadow yang Anda inginkan, atur propertinya, dan ekspor kode CSS yang dihasilkan.

Bisakah saya menyesuaikan properti box shadow?

Ya, Anda dapat menyesuaikan color, blur, spread, dan position dari box shadow Anda untuk mencapai efek yang diinginkan.

Ya, Box Shadow Generator sepenuhnya gratis untuk digunakan, tanpa batasan atau watermark.

Ya, Anda dapat menggunakan Box Shadow Generator untuk proyek pribadi dan komersial, tanpa biaya.

fast

Buat CSS box-shadow dengan live visual preview.

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);

Pilih dari berbagai jenis box shadow, termasuk inset, outer, dan opsi custom

Sesuaikan warna, blur, spread, dan posisi box shadow Anda untuk mencapai efek yang diinginkan

Salin dan tempel kode CSS box-shadow yang telah dibuat ke dalam proyek Anda atau simpan untuk digunakan nanti

Generate linear and radial CSS gradients visually.

Generate CSS border-radius visually.

Format and beautify CSS code online.