Penukar Percuma

Penjana Box Shadow CSS

Jana CSS box-shadow secara visual dengan pratonton langsung. Tambah beberapa lapisan bayang, laraskan kabur, sebaran, warna dan inset — percuma dan sisi klien.

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

Offset Mendatar4px
-50px50px
Offset Menegak4px
-50px50px
Jejari Kabur16px
0px100px
Jejari Sebaran0px
-50px50px
Warna Bayang
#000000
Kelegapan25%
0%100%
Inset
outset

Tentang alat ini

Cipta dan sesuaikan kandungan dengan Box Shadow Generator terus dalam penyemak imbas anda. Konfigurasikan pilihan anda, hasilkan output dan muat turun atau salin hasilnya. Semuanya berjalan di sisi pelanggan — data anda kekal peribadi dan pemprosesan adalah serta-merta.

Cara menggunakan

  1. Konfigurasikan tetapan dan pilihan agar sepadan dengan keperluan anda.
  2. Klik Jana untuk mencipta output anda.
  3. Pratonton keputusan dan buat pelarasan jika perlu.
  4. Muat turun fail output atau salin ke papan keratan anda.

Soalan lazim

Bolehkah saya menyesuaikan output yang dihasilkan?
ya. Alat ini menyediakan pelbagai pilihan penyesuaian untuk menyesuaikan output dengan keperluan khusus anda. Laraskan tetapan sebelum menjana, atau jana semula dengan pilihan yang berbeza.
Adakah kandungan yang dihasilkan percuma untuk digunakan?
ya. Semua yang anda jana dengan alat ini adalah milik anda untuk digunakan untuk tujuan peribadi, pendidikan atau komersial tanpa sebarang sekatan atau keperluan atribusi.
Adakah ini memerlukan akaun?
Tidak. Alat ini sedia untuk digunakan serta-merta tanpa pendaftaran, tanpa e-mel dan tanpa pendaftaran. Hanya buka halaman dan mula menjana.
Adakah data input saya dirahsiakan?
ya. Semua pemprosesan berlaku dalam penyemak imbas anda. Data input dan output yang dijana anda tidak pernah dihantar ke mana-mana pelayan luaran.