stupid floating bravern and isami on ur profile

Tags: bang bravern, plushies, float, anime

Description:

they move up and down, there's two, one on each side, they move out of sync yaayy bravern plushies comment if ur using yaaay

Preview:

click on the image for a larger preview

Code:

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



 <div class="floatingl" style="height:auto;width:300px;">
<img src="https://i.ibb.co/6BhB2yk/image-removebg-preview-4.png" alt="ugly ahh robot"/>
</div>

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

.floatingl {
position: absolute;
top: -400px;
right: 590px;
}
</style> 

<div class="floatingr" style="height:auto;width:300px;">
<img src="https://i.ibb.co/Y3mRwpw/image-removebg-preview-5.png" alt="literally just a guy"/>
</div>

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

.floatingr {
position: absolute;
top: -400px;
right: -590px;
}
</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 0 of 0 comments ( View all | Add Comment )