CSS3 Keyframe Animation

CSS3 Keyframe Animation

Memasang Kode CSS3 Keyframe Animation
kode ini menampilkan gambar dengan effect animasi
dan gambar tersebut dapat dijadikan tombol dengan menggunakan link title.
Berikut ini adalah cara penerapannya, Login ke akun blog klik halaman baru HTML
copy kode dibawah ini pastekan kedalam halaman tersebut, kemudian klik simpan selesai
<style>  
@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}
.swingimage{
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}
</style>
<img class="swingimage" src="http://Link Gambar.png" />
Penjelasan : Terapkan Link Title diatas link gambar
Edited by. Myscript2010
Sources by. JavaScript Kit
DEMOSHOW

Category:
Subscribe to: Posts (Atom)