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

rain <3	1733242998 using! Report Comment
serenaa 𖹭	1733222815 usingg !! Report Comment
𝒮tacy	1733212117 using! Report Comment
5KY3	1733098611 using!! Report Comment
𖤐_xXCypherXx_𖤐	1733021434 Using! ᕕ(⌐■_■)ᕗ ♪♬ Report Comment
tay	1732975930 using:D Report Comment
tobydotnet	1732970000 usinggg Report Comment
twarfi	1732945128 using!! :3 Report Comment
shoethelaces	1732848980 Using!!! Report Comment
clairear	1732832506 usingg Report Comment
Koiskii	1732795704 using Report Comment
lukas	1732760232 using!!! Report Comment
Dewwydrop🦴🧠	1732754688 Usingg Report Comment
Dewwydrop🦴🧠	1732754688 Usingg Report Comment
Saphari	1732731057 usingg Report Comment
andrea	1732642180 usinggg Report Comment
Vamp!!!	1732461872 using!! Report Comment
𐔌 . ⋮ Mikael 🔪 ꒱	1732449220 Using!! XP Report Comment
woodrufdetective	1732446134 USING! LOOKS SO COOL THX FOR MAKING IT Report Comment
❛ Elise ༉‧₊˚	1732218458 Using!! ;3 Report Comment