Bebas Terbaik Generator Bayang Kotak CSS
Membuat gambar CSS secara visual dengan tampilan langsung, inset dan lapis kedua menyalin kodenya.
100% bebas
Tidak ada pendaftaran
Tidak ada tanda air
Berkas diproses dalam memori, tidak pernah disimpan
✨
Pergi Pro untuk model AI terbaik ° image, video dan chatting ditambah upload lebih besar, prioritas dalam antrian dan tidak menunggu.
Tingkatkan ke Pro
Cinta best.free? Bagikan
Cara kerjanya
- Pindahkan penggeser. Set ofset, kabur, menyebar, warna dan kelembaman; ubah inset jika Anda ingin bayangan batin.
- Perhatikan pratinjau. Pemutakhiran kotak langsung saat Anda menyeret; tambahkan lapis kedua dalam pilihan tingkat lanjut untuk kedalaman.
- Salin CSS. Tekan Salin CSS dan paste aturan kotak-bayang langsung ke lembar gaya Anda.
Tentang alat ini
Mendesain sebuah gambar kotak tanpa menebak nilai piksel. Seret offset-X, offset-Y, kabur dan sebarkan slider, pilih warna bayangan dan tekan dalam opasitasnya, dan tonton pemutakhiran kotak pratilik langsung dalam waktu dekat. Lalu salin gambar kotak yang tepat CSS. Balikkan untuk bayangan batin. Pilihan Lanjutan menumpuk lapisan bayangan kedua, sehingga Anda dapat membangun bayangan lunak, multi-layer yang digunakan pada kartu dan tombol. Semuanya berjalan di browser Anda.
Apa yang orang gunakan untuk
- Tambahkan bayangan soft drop ke kartu dan modal
- Buat suatu bayangan dalam (inset) untuk masukan dan sumur
- Stack dua lapis untuk bayangan realistik yang menyebar
- Tune ofset dan kabur untuk mencocokkan mockup desain
Sering kali mengajukan pertanyaan
Ofset-X/Y memindahkan bayangan secara horisontal dan vertikal, kabur melembutkan tepinya, dan menyebar atau mengecilkan seluruh bayangan sebelum kabur diterapkan. Pratilik hidup menunjukkan setiap perubahan seketika.
Inset menarik bayangan di dalam elemen dan bukan di belakangnya, memberikan tampilan yang ditekan ▪ berguna untuk masukan dan toggle. Balikkan toggle inset untuk berpindah.
Pilih warna, lalu gunakan slider opasitas; alat ini mengeluarkan nilai rgba Allah) sehingga bayangan menyatu secara alami.
Buka opsi tingkat lanjut untuk mengaktifkan lapis bayangan kedua dengan ofset sendiri, kabur, warna dan inset.
Tidak, generator berjalan seluruhnya di peramban Anda; penggeser hanya menghitung string CSS secara lokal.
Benar-benar bebas, tidak ada akun dan tidak ada batas-batas alat sisi klien dengan apa-apa untuk meter.
Ya, ini ada di browsermu, jadi CSS Box Shadow Generator bekerja pada telepon dan tablet serta desktop å tidak ada aplikasi untuk dipasang.
Biasanya hanya beberapa detik untuk file biasa CSS Box Shadow Generator mulai bekerja saat Anda memberikan masukan Anda.
Penggunaan kasual tak terbatas, di bawah topi yang murah hati yang membuatnya cepat bagi semua orang.
Semua peramban modern ▪ Chrome, Safari, Firefox dan Edge.