Daily Toolkits

Penjana Bayangan Kotak

Reka bentuk bayang-bayang kotak berlapis dengan mengimbangi, kabur, hamparan dan warna. Pratonton pada kad, kemudian salin CSS dalam satu klik.

Box Shadow Generator

Live
Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

  • Reka bentuk bayang-bayang kotak berlapis dengan mengimbangi, kabur, hamparan dan warna — pratonton langsung disertakan.
  • Berjalan dalam penyemak imbas anda
  • Percuma untuk digunakan

Cara menggunakan

  1. Laraskan mengimbangi, kabur dan sebarkan.
  2. Pilih warna dan kelegapan (atau tambah lapisan).
  3. Salin CSS kotak-bayang.

How this tool works

  1. Laraskan mengimbangi, kabur dan sebarkan.
  2. Pilih warna dan kelegapan (atau tambah lapisan).
  3. Salin CSS kotak-bayang.

Recommended settings

  • Gunakan pilihan lalai dahulu, kemudian laraskan jika perlu

Supported formats

Text / on-page input

File size and limits

  • Pratonton berbilang lapisan yang sangat kompleks mungkin terasa lebih perlahan pada telefon lama.

Privacy

Penjana warna & CSS dijalankan sepenuhnya dalam penyemak imbas anda. Pratonton dan penukaran tidak sekali-kali memuat naik gaya anda.

Common use cases

  • Gunakan Penjana Bayangan Kotak pada bila-bila masa anda perlukan: Reka bentuk bayang-bayang kotak berlapis dengan mengimbangi, kabur, hamparan dan warna — pratonton langsung disertakan.

Troubleshooting

Pratonton kelihatan berbeza selepas tampal

Semak CSS yang bersaing pada halaman anda (set semula, warna yang diwarisi). Salin peraturan yang dijana ke dalam helaian gaya terpencil dahulu.

Soalan Lazim

Adakah ini memuat naik CSS saya?

Tidak. Penjana dan penukar berjalan dalam penyemak imbas anda dengan pratonton langsung.

Adakah saya memerlukan akaun?

Tidak. Buka alat, tweak kawalan dan salin CSS.

Alat berkaitan

Text Shadow Generator

Craft readable text-shadow styles with live typography preview.

Open tool

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool