Box Shadow Generator
Generator box shadow CSS gratis. Atur offset, blur, spread, warna, dan inset. Pratinjau langsung dan salin kode CSS. Sempurna untuk desainer dan pengembang web.
box-shadow: 0px 4px 6px 1px #00000020;Tentang Box Shadow Generator
Box Shadow Generator berjalan sepenuhnya di browser Anda. Data Anda tetap di perangkat Anda — tidak ada unggahan ke server mana pun.
Generator box shadow CSS gratis. Atur offset, blur, spread, warna, dan inset. Pratinjau langsung dan salin kode CSS. Sempurna untuk desainer dan pengembang web. Gratis, tanpa pendaftaran, privasi utama.
Cara menggunakan Box Shadow Generator
Rancang bayangan CSS secara visual dan salin kodenya seketika. Sesuaikan blur, spread, offset, dan warna tanpa menulis CSS secara manual.
- 1
Atur properti bayangan
Sesuaikan offset horizontal dan vertikal, radius blur, dan spread menggunakan penggeser.
- 2
Pilih warna dan opasitas
Pilih warna bayangan dan atur opasitasnya. Bayangan yang lebih gelap dan beropasitas rendah terlihat lebih alami.
- 3
Tambahkan inset jika perlu
Aktifkan inset untuk membuat bayangan dalam alih-alih bayangan luar.
- 4
Salin CSS
Klik Salin untuk menyalin kode CSS box-shadow yang dihasilkan ke papan klip Anda.
Tips
- •Susun beberapa bayangan untuk kedalaman — gabungkan bayangan tajam dan gelap dengan bayangan yang lebih lembut dan lebih terang.
- •Jaga radius blur lebih tinggi dari spread untuk bayangan yang lembut dan realistis.
- •Bayangan terlihat terbaik dengan offset vertikal sedikit dan opasitas rendah.
Alat Terkait
Alat Generators Lainnya
Pertanyaan yang Sering Diajukan
Apakah generator bayangan gratis?
Ya, generator bayangan kami sepenuhnya gratis tanpa batasan. Anda dapat membuat bayangan tak terbatas dan menyalin kode CSS seketika.
Bisakah saya membuat beberapa bayangan?
Ya. Anda dapat menyusun beberapa bayangan dengan offset, blur, spread, dan warna yang berbeda untuk menciptakan kedalaman dan efek cahaya yang kompleks.
Bisakah saya menyalin kode CSS?
Ya. Properti CSS box-shadow yang dihasilkan ditampilkan dalam kotak kode. Klik salin untuk mendapatkan kode siap tempel untuk stylesheet Anda.
Apakah generator bayangan berfungsi offline?
Ya. Semua pembuatan terjadi di browser Anda, sehingga alat berfungsi tanpa koneksi internet setelah halaman dimuat.