Memberikan CSS Border Gradient

Dengan upgradenya CSS versi ke 3, membawa banyak sekali properti-properti yang tidak ditemukan pada versi sebelumnya. Dengan CSS3, sekarang kita bisa membuat style bahkan animasi yang dulu hanya bisa dibuat dengan Javascript.

Warna gradient ternyata tidak hanya untuk membuat background, CSS3 juga menyediakan border-image, yang dapat kita gunakan untuk membuat border gradient yang cantik. Langkah-langkah membuatnya sangat mudah.

Langkah pertama, buatlah dokumen HTML.

Untuk CSS kita berikan seperti ini.

Untuk gradient colornya, kalian bisa ambil dari http://colorzilla.com. Kalau sudah mari kita lihat hasilnya.