space alien cat flying across your screen

Tags: layout, overlay

Description:

silly kitty bounces around

Preview:

click on the image for a larger preview

Code:

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

<div class="box"><b>

<style>

.box{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none; 
}

.box b {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("https://i.pinimg.com/originals/81/6b/f0/816bf03234d66f330997c0283d03f518.gif");
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
  -moz-animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
  -o-animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
  animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate;
}

-webkit-keyframes moveX {
  from { left: 0; } to { left: calc(100% - 50px); } /* Adjust the 'to' value to make the element move horizontally */
}
@-moz-keyframes moveX {
  from { left: 0; } to { left: calc(100% - 50px); }
}
@-o-keyframes moveX {
  from { left: 0; } to { left: calc(100% - 50px); }
}
@keyframes moveX {
  from { left: 0; } to { left: calc(100% - 50px); }
}

@-webkit-keyframes moveY {
  from { top: 0; } to { top: calc(100% - 50px); } /* Adjust the 'to' value to make the element move vertically */
}
@-moz-keyframes moveY {
  from { top: 0; } to { top: calc(100% - 50px); }
}
@-o-keyframes moveY {
  from { top: 0; } to { top: calc(100% - 50px); }
}
@keyframes moveY {
  from { top: 0; } to { top: calc(100% - 50px); }
}

</style></b></div>

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

kenzzz	1787780663 usingg Report Comment
explodingkittens	1785695791 usingg Report Comment
☆𝚁𝚑𝚢𝚜 ♰ (𝚗𝚘.1 𝙻 𝙻𝚊𝚠𝚕𝚒𝚎𝚝 𝚏𝚊𝚗!)	1783899702 using!! :3 Report Comment
coffee	1782951227 using Report Comment
Lethalith	1775092390 using Report Comment
🎤💿🧁 - 𝗂𝖽𝗄𝗐𝗁𝖺𝗍𝗍𝗈𝗒𝖺𝗉	1773233590 using Report Comment
Teco	1772452608 using Report Comment
Trickster	1771688684 I love this, using!! Report Comment
sk4t1n9s0da	1771037865 using! Report Comment
Zach	1769939838 Using! Report Comment
Zach	1769939813 Using Report Comment
Kati!!	1768054523 i might use this and change the image :3 Report Comment samee HAHHAHHAHA USINGG by 4b3y_t@lk5; 1768565653; Report
જ⁀➴✰𝄞 ˚𝑴𝒂𝒓𝒊𝒏𝒂𝒓𝒂𝒔𝒂𝒖𝒄𝒆 ꩜˚ ༘✶🍓🧁	1767795192 using Report Comment
equi 🎱	1767672686 using Report Comment
📼	1766536154 using Report Comment
notyonacho~*.	1766525973 using !! Report Comment
Adriana Stormer	1766350568 Using:) Report Comment
alienzarer3al	1764122876 using!!!! Report Comment
mileni	1763952538 usinggg Report Comment
leafsheep⋅˚₊‧	1763692304 using :] Report Comment