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

moni	1731496805 usinggg xx Report Comment
Silly Fella. Friend me now.	1731290843 using Report Comment
kingofkewl	1731263043 use! ing!!! :3!! Report Comment
ᴺᵃᵗᵃˡⁱᵉᵉᵉ	1730341188 YuMMy! Uzing X3 Report Comment
Jerma23	1729009094 using,, mayhaps Report Comment
Lærke	1728598740 USING!! XD Report Comment
m4y4	1728191703 Us1ng!! Report Comment
mychem1calserotonin	1728037585 using Report Comment
KitchenLover3000✮	1728009779 using!! :3 Report Comment
Meow >_>	1726302433 USING ASOSDJAPODSPA Report Comment
fink	1724107076 using :L Report Comment
mon . .	1721449434 using!! Report Comment
Jasper	1720548149 usingg !! :D Report Comment
kaz ☆	1720507205 Using ^____^ Report Comment
FELLSWAPGOLD	1719976798 USING!! he bounce... Report Comment
rose >ᴗ<	1719935144 usingg :3 Report Comment
munekitodumb	1719273777 usingg Report Comment
ଳ⋆ icecreamcrush !	1718596803 using Report Comment
Nikki<3	1717175814 screaming with autism I'm using Report Comment
moss_the_guy	1717168089 hehehehe using! Report Comment