Konverter warna
Konversi HEX, RGB, dan HSL beserta transparansi, lihat contoh warna, dan salin nilai CSS.
Generator bayangan CSS
Atur pergeseran, blur, sebaran, warna, dan opasitas untuk membuat bayangan CSS luar atau dalam.
Pratinjau
Tentang alat ini
Beri kedalaman pada kartu dengan memeriksa blur dan sebaran secara terpisah. Sebaran negatif memperkecil garis luar bayangan.
Cara menggunakan
Ubah pengaturan dan lihat pratinjau. Opsi bayangan dalam mengaktifkan inset. Pergeseran dan sebaran boleh negatif, sedangkan blur tidak. Dimensi -200 hingga 200 px, blur 0 hingga 200 px. Satu lapisan box-shadow dihasilkan untuk disalin atau diunduh.
Pertanyaan umum
Apa perbedaan radius blur dan sebaran?
Blur melembutkan tepi; sebaran memperbesar atau memperkecil garis luar. inset membuat bayangan di dalam. Alat menghasilkan satu lapisan; beberapa bayangan dapat digabungkan sendiri di CSS.
Bagaimana menggeser bayangan ke kiri atau atas?
Gunakan jarak horizontal negatif untuk ke kiri dan jarak vertikal negatif untuk ke atas; nilai positif bergerak ke kanan dan bawah. box-shadow mengikuti kotak elemen, bukan garis tepi piksel gambar yang tidak transparan.
Alat terkait
Dibuka di tab baru
Komentar
0