Gradien adalah transisi mulus antara dua warna atau lebih. Gradien menambah kedalaman, dimensi, dan daya tarik visual pada desain web, elemen UI, dan ilustrasi.
Pilih dua warna, pilih sudut gradien, dan langsung lihat hasilnya di Canvas. Salin kode CSS untuk digunakan dalam proyek Anda.
Frequently Asked Questions
Q: Apa perbedaan antara gradien linier dan radial?
Apa perbedaan antara gradien linier dan radial? Gradien linier bertransisi sepanjang garis lurus, sedangkan gradien radial memancar dari suatu titik pusat.
Q: Bisakah saya menggunakan gradien di CSS?
Bisakah saya menggunakan gradien di CSS? Ya, gunakan properti gambar latar dengan fungsi gradien linier atau gradien radial.
Q: Bisakah saya membuat gradien transparan?
Bisakah saya membuat gradien transparan? Ya, gunakan penggeser opacity atau edit secara manual salinan CSS untuk menggunakan nilai warna rgba() atau hsla(). Gradien dengan transparansi sangat bagus untuk overlay dan efek kaca.
Q: Bagaimana cara membuat gradien responsif?
Bagaimana cara membuat gradien responsif? CSS yang dihasilkan berfungsi pada ukuran kontainer apa pun. Untuk gradien layar penuh, terapkan gradien ke badan atau elemen pembungkus. Gunakan ukuran latar belakang: sampul untuk hasil terbaik.
Q: Apa perbedaan antara gradien linier dan radial?
Apa perbedaan antara gradien linier dan radial? Transisi gradien linier sepanjang garis lurus, cocok untuk header dan spanduk. Gradien radial memancar dari titik pusat, ideal untuk efek sorotan dan elemen melingkar.