Forum:
i've seen it on other people's profiles but i have no idea how to do it :(
i hope someone understands what i'm talking about............
(move like shaking or something)
« Back to the HTML Forum
how to make pictures "move/shaking" when u hover over them???
Report Topic
1 Reply
Reply by heath
posted
updated
this will make your profile picture, your friend's pictures, and the user pictures in your comments sections "shake" when you hover your mouse over them.
<style>
/* Shake animation keyframes */
@keyframes shake {
0% { transform: translate(0, 0); }
20% { transform: translate(-3px, 0); }
40% { transform: translate(3px, 0); }
60% { transform: translate(-3px, 0); }
80% { transform: translate(3px, 0); }
100% { transform: translate(0, 0); }
}
/* Apply shake on hover */
.profile-pic img:hover, .friends-grid img:hover, .comments-table td img:hover{
animation: shake 0.5s;
animation-iteration-count: 1;
}
</style>
Permalink