Cara Membuat Warna Background Warna Warni Dengan Css

Cara Membuat Warna Background Warna Warni Dengan Css - halo sobat jumpa lagi dengan sundaboy, sekarang sundaboy akan mencoba share memperindah suatu background pada halaman posting atau pada sidebar milik sahabat, dengan kata lain Cara Membuat Warna Background Warna Warni dengan Memakai Kode Css. membahas tentang Kode Css tentu tidak akan ada habis habisnya, karena ternyata dengan kode css kita makin pintar untuk melakukan sebuah kreasi yang akan menghasilkan inspirasi baru, betul gak?! hehe Sebelumnya silahkan sahabat baca dulu tutorial sebelumya yaitu : Cara Membuat Tombol Dengan Css, Cara Mempercantik Link Dengan Css, Cara Membuat Efek shadow Pada Kotak, Cara Membuat Efek 3D Pada Tulisan Dengan Css. Nah sekarang kita lanjut pada pembahasan sesuai dengan judul diatas yaitu Cara Membuat Warna Background Warna Warni Dengan Css, supaya lebih jelas sahabat dapat melihat contoh yang sudah dibuat dibawah ini :

Nah bentuknya seperti ini sobat

Sahabat bisa berkreasi Sesuai dengan

keinginan sobat sendiri

warnapun bisa sahabat ganti sesuai

dengan yang diinginkan oleh sahabat

 lumayan mantap bukan ?! hehe

.

Nah apabila sahabat tertarik berikut adalah kode cssnya silahkan copy dan pastekan pada halaman posting milik sahabat

<div style="

background: -moz-linear-gradient(top, #FF0000, #FFFF00);

background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FFFF00));">

GANTI DENGAN TULISAN SAHABAT DISINI

</div>

Nah kalau mau lebih rame lagi silahkan lihat contoh dibawah ini :

Nah bentuknya seperti ini sobat

Sahabat bisa berkreasi Sesuai dengan

keinginan sobat sendiri

warnapun bisa sahabat ganti sesuai

dengan yang diinginkan oleh sahabat

 lumayan mantap bukan ?! hehe
.

Nah untuk kodenya silahkan sahabat copy kode dibawah ini ya :

<div style="

background: -moz-linear-gradient(-40deg, black, green, yellow, orange, blue, indigo, violet); background: -webkit-gradient(linear, left bottom, right top, from(red), color-stop(16%,orange), color-stop(32%,yellow), color-stop(48%,green), color-stop(64%,blue), color-stop(80%,indigo), to(violet));">GANTI DENGAN TULISAN SAHABAT DISINI

</div>