Shrimpoo's profile picture

Published by

published

Category: Life

View Blog View Profile Report Blog Entry

layouts

how do people get the little shaky thing when their cursor hovers something


1 Kudos

—

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

TÜRKÜMLANπ±…π°‡π°Όπ°š:𐰏𐰀𐰀𐰲𐰃

 TÜRKÜMLANπ±…π°‡π°Όπ°š:𐰏𐰀𐰀𐰲𐰃's profile picture

FRR


Report Comment

M4A1

 M4A1's profile picture

img:hover {
/* Start the shake animation and make the animation last for 0.5 seconds */
animation: shake 0.5s;

/* When the animation is finished, start again */
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}


Report Comment



I tried it and it doesn't work, I'm pretty sure I'm doing something wrong. Tysm tho!!

by Shrimpoo; ; Report

did you put it in style? i put it in the comment but it didnt show up

by M4A1; ; Report

I did, honestly I don't know much about coding to the point that I don't even know if I wrote it in the right place, but it says "unexpected identifier: the"

by Shrimpoo; ; Report

https://layouts.spacehey.com/layout?id=35140

by M4A1; ; Report

it worked! Thank you!! :D

by Shrimpoo; ; Report