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;
}
