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