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 429 comments ( View all | Add Comment )

Silllyyyyyy	1743424476 using! Report Comment
nαnα	1743408171 USANDO ! Report Comment
◟ 𝓇𝑜𝓊𝑔𝑒 . ᛝ	1743400911 using! Report Comment
(☆Vet☆)	1743398817 UsIIiIINNNNGgGGGG! Report Comment
z4b3laʕ⁠·⁠ᴥ⁠·⁠ʔ	1743392467 Using Report Comment
𖤐ASAMI𖤐	1743327419 using Report Comment
☆ Kaidy ^_^	1743283826 Using Report Comment
Gh1s4	1743276924 using Report Comment
Jennifer	1743257715 Usinggg Report Comment
Lu1zayg	1743020096 using Report Comment
daxles ♫	1742958964 USINGG Report Comment
dina	1742919589 using Report Comment
twllghtvamp06	1742913506 using Report Comment
۶ৎ . . !	1742906670 usingg!!! Report Comment
lesado	1742864048 Using!!! ,'3 Report Comment
HadesTheUnicorn	1742842451 usinnnggg Report Comment
† Shiruxx ♪	1742822390 Usingg! Report Comment
Psychonoker	1742734797 Using!! Ty. Report Comment
alnxx.	1742680237 Prob using it!! Report Comment
former rattlehead !!	1742528337 i will use it, tysm!! Report Comment