04 February 2011

Cara membuat warna gradient untuk background

Mungkin sobat tengah mengalami kesulitan dalam membuat warna gradient untuk background. Baik itu untuk halaman blog, judul post, atau judul sidebar.

Kalau selama ini anda hanya menerapkan kode warna tunggal tanpa efek, kini ada pilihan lain yang diharapkan mampu memoles tampilan blog anda jadi lebih manis.

Apa itu gradient?

Gradient atau gradasi adalah perubahan yang sangat halus dari suatu warna ke warna lain.
Lebih jelasnya lihat gambar ini :

membuat-warna-gradientwidth=

Bagaimana cara membuat warna gradient?
Dalam desain grafis, gradient sudah tidak asing lagi dan dapat dibuat dengan mudah menggunakan photoshop atau corel.

Warna gradient yang saya maksudkan disini bukanlah gradient yang dihasilkan dari aplikasi grafis, tetapi gradient yang dibuat dengan kode css sehingga penggunaan image tidak diperlukan lagi.

Kita semua tau bahwa penggunaan image yang berlebihan dapat mempengaruhi kecepatan loading blog, makanya banyak para blogger senior memanfaatkan kode css sebagai pengganti image. Selain itu bila image mau dipasang di dalam template harus diupload ke penyimpanan gambar, tentu ini tidak efektif bagi kita semua.

Kini untuk membuat warna gradient tidaklah sulit, sebab ada penyedia online yang akan membantu kita dalam membuat warna gradient.
Situs tersebut beralamat di http://www.colorzilla.com/gradient-editor/
Silahkan sobat bisa mencobanya disana.

Ultimate-CSS-gradient-generator

Ultimate CSS gradient generator merupakan editor yang sangat mudah untuk digunakan. Sobat tinggal klik pada warna yang tersedia maka seketika itu kode css warna gradiennya pun muncul. Tugas anda hanya mengcopy paste kode yang diberikan oleh gradient editor ke dalam template blog sobat.

Anda juga bisa berkreasi sendiri dengan warna-warna sesuai keinginan. Menarik bukan?
Selamat ber gradient ria.

2 comments:

  1. Wow, mantap udah kesana ada filter buat ie juga..langsung aku bookmark sob

    ReplyDelete
  2. Makasih tips warnanya ya...

    ReplyDelete

Note: Only a member of this blog may post a comment.