[ad_1]
Apa itu Generator Bayangan Kotak CSS Online?
Generator Bayangan Kotak CSS adalah a alat online gratis untuk menghasilkan bayangan kotak CSS dalam warna dan ukuran apa pun. Anda dapat membuat bayangan kotak yang Anda perlukan dengan menyetel parameter, mempratinjaunya sebagai kotak, lingkaran, atau header, dan mendapatkan kode CSS secara langsung. Berikut tampilan bayangan kotak dalam HTML.
Bagaimana tampilan box-shadow dalam HTML
Ada beberapa parameter berbeda yang harus Anda atur di properti box-shadow CSS. Ini adalah sebagai berikut. Parameter opsional ditampilkan dalam tanda kurung.
- Sisipan: “inset” adalah parameter opsional yang berfungsi seperti bendera dan mengubah bayangan dari luar ke dalam. Secara default, bayangan adalah permulaan, dan Anda tidak perlu menulis apa pun untuk mengaturnya di CSS. Cukup gunakan “inset” untuk mengubah posisi defaultnya.
- Perimbangan Horisontal: Offset horizontal atau offset h adalah jarak bayangan dari pusat pada sumbu x. Ini adalah parameter yang diperlukan. Ini mungkin negatif atau positif. Nilai negatif menempatkan bayangan di sebelah kiri kotak, sedangkan nilai positif menempatkan bayangan di sebelah kanan.
- Perimbangan Vertikal: Offset vertikal atau offset v adalah jarak bayangan dari pusat pada sumbu y. Ini adalah parameter yang diperlukan. Ini mungkin negatif atau positif. Nilai negatif menempatkan bayangan di atas kotak, sedangkan nilai positif menempatkan bayangan di bawah.
- Mengaburkan: Blur adalah jumlah keburaman yang akan diterapkan pada bayangan. Itu harus nol atau positif. Blur adalah parameter opsional. Jika tidak disetel, maka akan dihitung nol.
- Menyebar: Spread adalah radius penyebaran bayangan yang akan dikurangi atau ditambah pada bayangan itu sendiri. Jika nilainya negatif maka bayangan akan semakin kecil, begitu pula sebaliknya. Penyebaran adalah parameter opsional. Jika tidak disetel, maka akan dihitung nol.
- Warna: Ini menentukan warna bayangan. Ini adalah parameter yang diperlukan.
Bagaimana cara menggunakan Generator Bayangan Kotak CSS Online?
Anda dapat membuat bayangan kotak CSS dengan mengikuti langkah-langkah berikut.
- Pertama, atur ukuran h-offset, v-offset, blur dan spread dalam piksel.
- Tentukan warna untuk latar belakang, kotak, dan bayangan. Warna latar belakang dan kotak hanya untuk pratinjau. Warna bayangan akan digunakan dalam kode CSS yang dihasilkan.
- Anda dapat mengaktifkan inset shadow dengan mengaktifkan kotak centang jika diperlukan.
- Ada 2 mode pratinjau. Satu adalah kotak dan lainnya adalah header. Anda dapat mencentang bayangan kotak yang dihasilkan di kedua mode sesuai dengan kebutuhan Anda.
- Anda dapat menyalin kode CSS yang dihasilkan secara manual atau dengan menggunakan tombol “Salin CSS”.