Thursday, April 25, 2013

Cara Membuat "Background" Blog Berganti-Ganti Warna


Cara Membuat "Background" Blog Berganti-Ganti Warna dengan sendirinya hanya dengan Css3, Mungkin ini solusi bagi yang suka gonta-ganti warna pada blogspot......
Langsung Saja berikut Cara membuat-nya..Untuk "DEMO"-nya bisa anda lihat langsung di blog ini.

Tambahkan kode dibawah ini diatas kode "]]></b:skin>"

@-webkit-keyframes gantiwarna {  0% { background: #e3dcc8; }
15% { background: #a9b3a5; }
30% { background: #eae9e3; }
45% { background: #d2c385; }
60% { background: #fcaa97; }
75% { background: #d9edd1; }
90% { background: #e5cebd; }
100% { background: #e3dcc8; }
}@-moz-keyframes gantiwarna {   0% { background: #e3dcc8; }
 15% { background: #a9b3a5; }
 30% { background: #eae9e3; }
 45% { background: #d2c385; }
 60% { background: #fcaa97; }
 75% { background: #d9edd1; }
 90% { background: #e5cebd; }
100% { background: #e3dcc8; }
}@-keyframes gantiwarna {   0% { background: #e3dcc8; }
 15% { background: #a9b3a5; }
 30% { background: #eae9e3; }
 45% { background: #d2c385; }
 60% { background: #fcaa97; }
 75% { background: #d9edd1; }
 90% { background: #e5cebd; }
100% { background: #e3dcc8; }
}
Ganti text yang berwarna hijau dengan kode warna yang anda inginkan. Bagi anda yang sulit mencari kode warna gunakan web penyedia warna berikut www.colorcombos.com

Selanjutnya tambahkan css3 animation pada element yang akan bergonta-ganti warna. Seperti element "body", #Header-wrapper, Dll. Maka hasilnya akan terlihat seperti ini :
body{ animation: 10s infinite gantiwarna linear; /* Waktu 10 detik */-webkit-animation: 10s infinite gantiwarna linear;
}
________________________________________________________________________
Sumber : 

0 comments:

Post a Comment

| Guru Madrasah Blog © 2013. All Rights Reserved | Template Style by My Blogger Tricks .com | Edited by Abdul Hanan | Back To Top |