Cara membuat warna gradiasi dengan CSS3

Warna gradiasi adalah perpaduan antara dua warna atau lebih. Sebelum versi CSS3, membuat warna gradiasi ini harus dilakukan dengan gambar. Dalam arti, kita buat gambar dengan warna gradiasi di Photoshop, kemudian kita slicing gambar tersebut dan kita tampilkan diwebsite dengan CSS. Apa kelebihannya membuat warna gradiasi dengan CSS3? ya tentu saja website kita akan lebih cepat loadingnya, karena warna gradiasi tersebut bukan berasal dari gambar namun dari style CSS3. Dengan CSS3 kita dapat dengan mudah membuat warna gradiasi. Berikut caranya:

1. Kunjungi website: http://www.colorzilla.com/ kemudian klik Ultimate Gradient Generator.
   
2. Seperti halnya menggunakan aplikasi Photoshop, disini kita dapat memilih jenis warna gradiasi sesuai dengan selera kita.
   
3. Jika warna gradiasi sudah sesuai copy code CSSnya dan paste di dokumen CSS.
   
   Sangat gampang yah...dan silahkan lihat hasilnya. :)