Generator CSS
Gradien, bayangan dan sudut, diatur secara visual
Opsi
Hasil
background: linear-gradient(135deg, #1fa89c 0%, #7c3aed 100%);
Tempelkan deklarasi yang disalin langsung ke dalam selector CSS Anda.
Sintaks bayangan dan gradien punya empat atau lima angka yang efeknya tak bisa dibayangkan siapa pun dari kodenya. Geser slidernya sampai pratinjau terlihat pas, lalu ambil aturannya.
Cara pakai
- 1 Pilih apa yang ingin Anda buat.
- 2 Atur slider dan warnanya sambil memperhatikan pratinjau.
- 3 Salin CSS yang dihasilkan.
- 4 Tempelkan di dalam selector Anda.
Pertanyaan yang sering diajukan
Apa arti nilai-nilai pada box-shadow?
Geseran horizontal, geseran vertikal, blur, spread, warna. Blur melembutkan tepinya; spread membesarkan atau mengecilkan seluruh bayangan sebelum diburamkan. Geseran vertikal positif dengan blur kecil terbaca seperti sumber cahaya dari atas.
Bagaimana membuat bayangan terlihat alami?
Jaga geseran horizontal mendekati nol, pakai geseran vertikal positif yang kecil, dan blur dua sampai tiga kali geseran itu. Gunakan hitam beropasitas rendah alih-alih abu-abu — bayangan abu-abu terlihat datar di atas latar berwarna.
Apa fungsi inset?
Menggambar bayangan di dalam elemen, bukan di luarnya, sehingga terlihat seperti tertekan ke dalam alih-alih menonjol. Berguna untuk kolom isian dan tombol dalam keadaan aktif.