Hallo teman-teman, kali ini kita akan belajar bagaimana cara membuat background gradient dengan CSS. Dulu sebelum ada teknik ini di CSS, biasanya para developer mengakali background gradient dengan menggunakan gambar yang telah kita buat terlebih dahulu diphotoshop, lalu direpeat sehingga seakan-akan gambar gradasinya luas. Semenjak muncul di CSS3 hal seperti itu sudah ditinggal. Sekarang lebih mudah membuat gambar gradasi pada background objek dengan meng-codingnya. Oke langsung saja pada prakteknya, kalian bisa ikuti langkah-langkah dibawah ini. Buat file htmlnya seperti code ini.

gradient.html

Simpan lalu buka pada browser kalian. Jika berhasil maka tampilanya akan seperti ini.

1

Sekian pembahasan mengenai bagaimana cara membuat background gradient dengan CSS. Semoga bermanfaat.