CSS Box Shadow Generator

CSS Box Shadow Generator merupakan sebuah online tool yang digunakan untuk menghasilkan styling CSS box shadow.

Position

Field position mengatur posisi dari box shadow yang akan di-generate. Ada dua pilihan posisi yang bisa kamu atur:

• Horizontal: mengatur posisi horizontal (sumbu x) dari box shadow
• Vertical: mengatur posisi vertikal (sumbu y) dari box shadow

Semua nilai pada posisi adalah nilai dengan satuan piksel (px).

Nilai default dari masing-masing posisi adalah sebagai berikut:

• Horizontal: 10
• Vertical: 4

Optional

Field optional adalah tempat mengatur pilihan tambahan dalam men-generate box shadow. Pilihan yang disediakan adalah:

• Blur: mengatur tingkat blur (kekaburan) box shadow
• Spread: mengatur seberapa jauh box shadow menyebar

Masing-masing field memiliki nilai satuan piksel (px).

Secara default masing-masing field memiliki nilai:

• Blur: 5
• Spread: 5

Color

Field color adalah field yang mengatur warna dari box shadow yang akan di-generate.

Secara default warna dari color adalah rgb(0, 0, 0) atau #000000.

Generate

Setelah menentukan semua parameter, silahkan menekan tombol Generate untuk memulai proses untuk menghasilkan box shadow.

Preview

Contoh tampilan hasil dari proses generate sesuai dengan parameter yang telah ditentukan sebelumnya kemudian ditampilkan di sini.

Code

Kode CSS yang digunakan dalam membuat tampilan juga ditampilkan di sini. Kamu bisa menyalinnya jika dirasa diperlukan.