floating profile animation [READ]

Tags: animation, loop, profile animation, code, profile, layout

Description:

The code is quite easy to understand. You just have to place it in code under profile editing, but. This code can make the movement one sided or even. Left is for the side where the name is and all that. Right for the blog section, about me etc etc This one is more fixed since others (the one we all know) have their profile bugged or made smaller. This not :b. Enjoy

Preview:

click on the image for a larger preview

Code:

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

<style>
    main .left{
        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 7px); }
    100%   { transform: translate(0, -0px); }   
    
}
    }
</style>

<style>
    main .right{
        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 7px); }
    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 481 comments ( View all | Add Comment )

♱ BARF ♱	1747213218 Using :D Report Comment
Lana	1747132706 Using!! Report Comment
Mia🧁🫧🎀(Mimi)	1747086379 using Report Comment
Virtual_Void	1747024595 Thank you!! Finally got it to work for me <3 Report Comment
Moth~lover	1746979824 Using!!! Report Comment
IzzyC	1746965704 usingg Report Comment
Shedletsky	1746853689 using!! Report Comment
dollybow	1746807708 using!! Report Comment
Moonlight fizz	1746743915 using :D Report Comment
⋆˚࿔ CHEZ !!	1746572823 USING!!!!!!!!!!!!! Report Comment
samburger :3	1746525191 using!!! Report Comment
✰ Z I P P E R ✰	1746351703 Using! Report Comment
L_VNl🧷	1746329385 использую Report Comment
Moisuru .𖥔 ݁ ˖	1746212573 usingg! :> Report Comment
Aubinswaglord13	1745893225 using Report Comment
CRZY_NICKI	1745871104 Usingggg <33 :) Report Comment
ReVeng3c	1745810233 usingg :3 Report Comment
joedizzle30	1745793518 using Report Comment
⦻ EL1J4H ⦻	1745580716 using! Report Comment