Script html gambar bergerak dan goyang
Langkah 1 : Buka Blogger -> Tema.
Langkah 2 : Edit HTML.
Langkah 3 : Copy Kode dibawah dan Paste diatas kode ]]></b:skin>
.post-body img{
display: inherit;
transform-origin: center center; }
img:hover img{ animation-play-state: running; }
@keyframes img {
20% { transform: translate(-1px, -5px) rotate(2.5deg); }
40% { transform: translate(5px, 1px) rotate(-2.5deg); }
60% { transform: translate(-1px, -5px) rotate(2.5deg); }
80% { transform: translate(5px, 1px) rotate(-2.5deg); }
0%, 100% { transform: translate(0, 0) rotate(0); } }
img:hover{
animation-name: img;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;}
Langkah 4 : Simpan dan Lihat hasilnya.
Read More Add your Comment 0 komentar