Profile pic floating animation (hover)!

Tags: effect, animation, moving image

Description:

It's the same as my other floating animation layout This one just has a small difference, which is that instead of ".friend img:hover" it is ".profile-pic:hover" so.. again... 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 ".profile-pic: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

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Nii (https://layouts.spacehey.com/layout?id=103749) -->

<style>
.profile-pic: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>

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 20 of 37 comments ( View all | Add Comment )

aneilw123	1755294880 Using! Report Comment
• 𝐹𝒾𝓇𝑒𝓎'𝓈\|𝓃𝓊𝓂𝒷𝑒𝓇\|𝟣\|𝒻𝒶𝓃 •	1754748760 usinggg! Report Comment
⚝Sƚαɾιαɳɳҽ!!!	1752252428 using!! Report Comment
bananeit	1745602770 using Report Comment
cllistra	1744202739 using!! Report Comment
Ausgaisu	1743118922 using <3 Report Comment
ETAZO1	1742362974 Using,, Report Comment
Blankets	1741310662 Using! Report Comment
cocacola	1739958900 using! Report Comment omg mizuki pfp by ♡fireflyyay; 1740796525; Report
ceceˎˊ˗	1739856426 using ^^ Report Comment
Keith Lylyan!	1739688152 Using :p Report Comment
cassieee	1739122627 using !! Report Comment
neriah	1738262998 using Report Comment
mikey	1737883872 using<3 Report Comment
Beck_is_silly	1737592256 Usin :DD Report Comment
⋆˚｡⋆୨✧୧˚ 𝒂𝑨𝒎𝒆𝒕_𝒉𝒚𝒔𝒕 ˚୨✧୧⋆｡˚⋆	1732339021 dontknow how 2 us it :< Report Comment Hii! sorry for the late reply, the effect is only seen when your mouse is hovering over your pfp in your profile (desktop n laptop only)! by Nii; 1733317395; Report ohh i se i see thxx by ⋆˚｡⋆୨✧୧˚ 𝒂𝑨𝒎𝒆𝒕_𝒉𝒚𝒔𝒕 ˚୨✧୧⋆｡˚⋆; 1734744724; Report
TWILIGHT/AGUSTY!! 🌟 \|\| hasnt been active	1729264158 using Report Comment
♱ wake !	1725676067 Using!! Report Comment
Severin	1723841643 Using Report Comment
Hyena	1723321967 using tysm !!! Report Comment