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

rose 𓄃	1739382222 using !! Report Comment
zomviebird	1739367918 using Report Comment
kamz	1739317873 Using. Report Comment
vic	1739298876 usingg Report Comment
dvniel	1739232734 using Report Comment
vampirebloody	1739225407 usingg Report Comment
ethereal astra	1739221576 usiiiiiiiiiiinggggggggggggg Report Comment
ethereal astra	1739221566 usiiiiiiiiiiinggggggggggggg Report Comment
https://ari	1738884213 Using! Report Comment
RadioMilk	1738876260 using!! :P Report Comment
D3rpy3st	1738867192 This works wonderfully but it absolutely fucks with the placement of my corner gifs ToT. Do you know any code for corner gifs that is friendly towards this?? Report Comment
Yuri	1738830616 using! Report Comment
LucasLarks	1738818076 using! Report Comment
aubrey ˚⟡˖ ࣪	1738809930 using, ty!! Report Comment
Musse	1738696832 usingg Report Comment
Crushedl	1738619687 Using :/ Report Comment
Goombaya 💥	1738618698 Using probably Report Comment
Lilith	1738610547 using Report Comment
Wii :P	1738592922 Using thanks:P Report Comment
𖤍༒𝔰𝔥𝔢𝔟𝔞༒𖤍	1738521052 using! Report Comment