Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Generator Bayangan Kotak CSS

WarnaPengembang

IKLAN · MENGHAPUS?

MEMASUKKAN

Proses Otomatis

KELUARAN

Sisi klien

Pratinjau Langsung

Preset

Lembut

Sulit

Neumorph Terang

Neumorph Gelap

Terangkat

Terketuk

Berkilau

Berlapis

Lapisan Bayangan

Kode CSS

IKLAN · MENGHAPUS?

Memandu

Generator Bayangan Kotak CSS

Desain bayangan kotak yang indah secara visual dengan pratinjau langsung. Tambahkan beberapa lapisan bayangan, sesuaikan offset, blur, sebar, dan warna, lalu salin CSS — tanpa pengkodean manual.

Cara Penggunaan

Sesuaikan penggeser untuk offset horizontal dan vertikal, radius blur, sebar, dan opasitas. Alihkan dalam untuk bayangan bagian dalam. Tambahkan hingga 10 lapisan bayangan untuk efek kompleks. Gunakan galeri preset untuk titik awal yang cepat seperti neomorfisme, efek berkilau, atau kartu terangkat. Salin CSS yang dihasilkan saat siap.

Fitur

Pratinjau Langsung – Lihat bayangan Anda diterapkan ke kotak sampel secara real-time saat Anda menyesuaikan parameter
Beberapa Lapisan – Tumpuk hingga 10 lapisan bayangan untuk efek yang kompleks dan realistis
Bayangan Dalam – Alihkan antara bayangan luar dan dalam (dalam) per lapisan
Warna & Opasitas – Pemilih warna penuh dengan kontrol opasitas untuk setiap lapisan bayangan
Galeri Preset – Bayangan lembut, bayangan keras, neomorfisme, kartu terangkat, tombol ditekan, efek berkilau, dan lainnya
Salin CSS – Salin satu klik dari kode CSS box-shadow lengkap