Lewati ke konten utama

Tombol interaktif dan petunjuk masukan saat ini mungkin ditampilkan dalam bahasa Inggris.

Alat

Pembuat bayangan kotak CSS

Gunakan Pembuat bayangan kotak CSS untuk memasukkan pergeseran, keburaman, penyebaran, dan warna dan memperoleh pratinjau bayangan dan kode CSS seketika, tanpa instalasi atau akun.

Pembuat bayangan kotak CSS memproses masukan dan file hanya di browser ini dan tidak mengirimkannya ke layanan eksternal.

Preview
px
10%
Layer 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);

Cara menggunakan

Pembuat bayangan kotak CSS adalah alat browser yang menerima pergeseran, keburaman, penyebaran, dan warna dan menghasilkan pratinjau bayangan dan kode CSS. Opsi dan hasil dapat diperiksa langsung di halaman ini. Contoh praktis: 0 8px 24px rgba(0,0,0,.2).

  1. Atur pergeseran, keburaman, penyebaran, dan warna di Pembuat bayangan kotak CSS.
  2. Sesuaikan pengaturan sambil memeriksa pratinjau langsung.
  3. Pilih Salin untuk menyalin hasil.

Keluaran

  • Contoh Pembuat bayangan kotak CSS: 0 8px 24px rgba(0,0,0,.2)

Batasan

  • Batasan Pembuat bayangan kotak CSS: Bayangan berat dapat mengurangi keterbacaan dan kinerja. Cocokkan hasil penting dengan sumber asli.

Privasi

Pembuat bayangan kotak CSS memproses masukan dan file hanya di browser ini dan tidak mengirimkannya ke layanan eksternal.

Pertanyaan umum

Apa yang dihasilkan Pembuat bayangan kotak CSS?

Alat ini memakai masukan dan opsi pilihan untuk menghasilkan pratinjau bayangan dan kode CSS.

Apakah semua hasil Pembuat bayangan kotak CSS dapat diandalkan?

Bayangan berat dapat mengurangi keterbacaan dan kinerja. Periksa hasil sebelum dipakai untuk pekerjaan penting.

🔧 Alat terkait