Search This Blog

test

12 February 2012

Membuat Background menggunakan Css3

Assalamualaikum wr,wb

Beberapa waktu yang lalu ada temanku bertanya : "gambar background lu itu pake apa?" 
Kemudian saya jawab : "itu pake Css3 "
Css3 yang di jadikan background bukan hanya menjadikan blog lebih ringan karena tidak perlu meload gambar2 anda yang dapat membuat loading blog menjadi lambat

Yaa langsung saja caranya anda masuk ke link ini ===> ColorZilla Css web Gradient



Cara menggunakannya adalah : 

  • Pilih Warna dan Styles yang akan agan jadikan Background 
  • Aturlah sesuai keinginan 
  • Copy pada  Tulisan misal ==> Background : -webkit blablabla sampai kembali ke background 
  • Cari Kode body { atau body { background : url gambar anda
  • Tambahkan Kode background tsb ke kode body
Contoh : 

body { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(15%,rgba(30,87,153,0.8)), color-stop(19%,rgba(30,87,153,1)), color-stop(20%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(80%,rgba(30,87,153,1)), color-stop(81%,rgba(30,87,153,1)), color-stop(85%,rgba(30,87,153,0.8)), color-stop(100%,rgba(30,87,153,0)));