1) cari code ni </style>
2) pastekan code bawah ni sebelum code yang korang cari tadi
.img:hover{
-webkit-animation-name: MMCa1;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}
@-moz-keyframes MMCa1 /* Firefox*/
{
{ -ms-transform:: rotate(0deg); }
10% { -moz-transform: rotate(7deg); }
20% { -moz-transform: rotate(-7deg); }
30% { -moz-transform: rotate(7deg); }
40% { -moz-transform: rotate(-7deg); }
50% { -moz-transform: rotate(7deg); }
60% { -moz-transform: rotate(-7deg); }
70% { -moz-transform: rotate(7deg); }
80% { -moz-transform: rotate(-7deg); }
90% { -moz-transform: rotate(7deg); }
100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes MMCa1 /* Safari and Chrome */
{
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
10% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
20% { -webkit-transform: translate(7px, 0px) rotate(-7deg); }
30% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
40% { -webkit-transform: translate(7px, 0px) rotate(-7deg); }
50% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
60% { -webkit-transform: translate(7px, 0px) rotate(-7deg); }
70% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
80% { -webkit-transform: translate(7px, 0px) rotate(-7deg); }
90% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
100% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
}
3) preview & save.
Post a Comment