Friend floating image animation!

Tags: effect, animation, moving image

Description:

You can change the animation to shaking if you've got the code from another layout (like mixing codes!) To do so you have to change the animation (under ".friends img:hover{") from "Animation: 0.5s float" to "Animation: 0.5s Animation Name", you can also change the time the animation plays at to a faster or slower speed by changing the 0.5 seconds of the same section! Also I can't post a screenshot bc it's so hard to capture the movement :P (if you want the image link of the girl with the fan, it's in the code below too just for you to copy the code into whatever section you want to insert it into your profile)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ➢ Yuuxi 𖤐+₊ (https://layouts.spacehey.com/layout?id=102299) -->



<style>
.friends img:hover {
  animation: 0.5s float;
  animation-iteration-count: infinite;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>
<img src="https://maguro.carrd.co/assets/images/gallery24/01abf123_original.gif?v=10a293e5"/>
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

MAGALi ⋆｡˚	1714079420 image wont show up at all, does anyone know why this could b happening? :(c Report Comment
ALEX/АЛЕКС <33	1713231480 OMG THANK YOU SM!! IS THERE A WAY YOU COULD MAKE ONE OF ALSO YOUR PROFILE PICTURE?? Report Comment Hi! Here it is! hope it's useful ^^ by ➢ Yuuxi 𖤐+₊; 1713488198; Report
r6noj	1712716585 Using Report Comment
⋆~˚Looking4_Basil･ﾟ~⋆	1712350327 Using Report Comment
Mel ₍⑅ᐢ..ᐢ₎	1711963163 idk but sadly its not working for me Report Comment Hi! this animation only works when you're hovering over the image, sorry for the confusion :3 by ➢ Yuuxi 𖤐+₊; 1712600960; Report