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:

Code:

<!-- (c) Layout created by ➢ Yuuxi 𖤐+₊ (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.