Toolipedia
ID
← Semua alat teks

Pembuat CSS box shadow

Rancang box shadow dengan slider dan pratinjau langsung, lalu salin CSS-nya.

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang Pembuat CSS box shadow

Atur offset, blur, spread, warna, dan opasitas pada pratinjau langsung dan salin deklarasi box-shadow. Nilainya adalah offset x, offset y, radius blur, radius spread, dan warna, dalam urutan itu. Tambahkan inset untuk menggambar bayangan di dalam kotak, dan jaga opasitas rendah untuk hasil yang alami.

Cara menggunakan Pembuat CSS box shadow

  1. Geser slider offset, blur, spread, dan opasitas.
  2. Pilih warna bayangan dan perhatikan pratinjau langsung.
  3. Salin CSS box-shadow ke stylesheet Anda.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Apa fungsi nilai spread pada box-shadow?

Spread memperbesar atau memperkecil bayangan sebelum blur diterapkan. Angka positif membuatnya lebih besar dari kotak, angka negatif membuatnya lebih kecil, yang bagus untuk bayangan hanya di satu sisi.

Bagaimana cara menambahkan lebih dari satu bayangan?

CSS mengizinkan beberapa bayangan yang dipisahkan koma. Buat masing-masing, lalu gabungkan dalam satu baris box-shadow untuk mendapat kedalaman yang lebih lembut dan realistis.

Apa fungsi opsi inset?

Inset menggambar bayangan di dalam kotak, bukan di luar. Berguna untuk tombol tertekan, kolom masukan, dan panel yang cekung.

Apakah Pembuat CSS box shadow gratis?

Ya. Pembuat CSS box shadow di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.

Apakah aman digunakan?

Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.

Apakah bisa di ponsel saya?

Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.

Apakah saya perlu akun?

Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.

Bisakah saya menaruh Pembuat CSS box shadow di situs web saya sendiri?

Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.

Alat terkait