Ciptakan Efek Gradient pada Latar belakang Halaman Web

Blogging Business Editorial Gadget Games General Highlight Humour Internet Mailbox Opinion Tips&Tricks Tutorial

Ciptakan Efek Gradient pada Latar belakang Halaman Web

Terbit 21.06.2007. Edisi Jun 2007. Beri Komentar

Yoki Dhinata

Halaman web di internet seringkali memamerkan keindahan yang khas. Tidak mengherankan jika ada pengunjung yang betah mondar-mandir atau berlama-lama ke situs tertentu yang unik. Jika kita ingin membuat halaman web yang enak dilihat, kita bisa memadukan warna baik pada isi ataupun latarbelakang halaman web.

Secara standar, latarbelakang halaman web memang memiliki satu warna. Namun bagaimana kalau kita buat menjadi dua warna ? ada caranya supaya kita dapat menciptakan efek gradient pada latarbelakang halaman web dengan variasi dua warna.
Langkah-langkah pembuatannya cukup mudah :

1. Buka teks editor yang anda miliki. Sebagai contoh : Notepad.
2. Ketikkan script di bawah ini :

PLAIN TEXT

HTML:

3. Simpan dengan nama gradient.html dan jalankan.

Perhatikan hasilnya pada bagian atas latarbelakang berwana putih dan semakin ke bawah menjadi semakin merah. Hal ini terjadi karena pada startColorstr='#FFFFFF' ini berarti warna awalnya putih dan endColorstr='red' berarti perubahan akhir menjadi merah. Nah, supaya lebih menarik lagi coba anda ubah-ubah endColorstr dan startColorstrnya dengan warna lain.

Perhatikan juga pada script itu terdapat gradientType='0' yang memaksudkan efek gradient secara vertikal. Sekarang coba anda ubah gradientType='1' sehingga menghasilkan efek gradient secara horizontal. Selamat mencoba-coba!