Konverter Gratis

Generator Box Shadow CSS

Buat CSS box-shadow secara visual dengan pratinjau langsung. Tambahkan beberapa lapisan bayangan, sesuaikan blur, sebaran, warna, dan inset — gratis dan sisi klien.

Pratinjau Langsung
Preview
Output CSS
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Lapisan 1

Offset Horizontal4px
-50px50px
Offset Vertikal4px
-50px50px
Radius Blur16px
0px100px
Radius Sebaran0px
-50px50px
Warna Bayangan
#000000
Opasitas25%
0%100%
Inset
outset

Tentang alat ini

Buat dan sesuaikan konten dengan Box Shadow Generator langsung di browser Anda. Konfigurasikan preferensi Anda, hasilkan output, dan unduh atau salin hasilnya. Semuanya berjalan di sisi klien — data Anda tetap pribadi dan pemrosesannya instan.

Cara menggunakan

  1. Konfigurasikan pengaturan dan opsi agar sesuai dengan kebutuhan Anda.
  2. Klik Hasilkan untuk membuat keluaran Anda.
  3. Pratinjau hasilnya dan lakukan penyesuaian jika diperlukan.
  4. Unduh file keluaran atau salin ke clipboard Anda.

Pertanyaan yang sering diajukan

Bisakah saya menyesuaikan keluaran yang dihasilkan?
Ya. Alat ini menyediakan berbagai opsi penyesuaian untuk menyesuaikan keluaran dengan kebutuhan spesifik Anda. Sesuaikan pengaturan sebelum membuat, atau buat ulang dengan opsi berbeda.
Apakah konten yang dihasilkan gratis untuk digunakan?
Ya. Segala sesuatu yang Anda hasilkan dengan alat ini adalah milik Anda untuk digunakan untuk tujuan pribadi, pendidikan, atau komersial tanpa batasan atau persyaratan atribusi apa pun.
Apakah ini memerlukan akun?
Tidak. Alat ini langsung siap digunakan tanpa perlu mendaftar, tanpa email, dan tanpa registrasi. Buka saja halamannya dan mulai menghasilkan.
Apakah data masukan saya dirahasiakan?
Ya. Semua pemrosesan terjadi di browser Anda. Data masukan dan keluaran yang Anda hasilkan tidak pernah dikirim ke server eksternal mana pun.