Layout floating animation

Tags: animation, profile animation, floating, filter, layouts, cute

Description:

This animation has a floating effect. Literally that's all. It also has a tv filter on it.
If you use it please comment! ty!
Also if you wanna see how the animation looks, just go on my profile, it'll always be there. This animation works on most layouts!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝔯𝔢𝔯𝔦𝔢 ☆ (https://layouts.spacehey.com/layout?id=33426) -->

<style>

h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
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 196 comments ( View all | Add Comment )

анахронизм	1737083424 using! Report Comment
анахронизм	1737083423 using! Report Comment
ミント	1737078129 using..! Report Comment
Eddie	1736909330 usingggg! Report Comment
parab	1736881069 using :p Report Comment
bea	1736698647 usingggg Report Comment
Mrcoder124	1736463929 using Report Comment Usando!! :p (es realmente lindo,loamo) by j4ckzzz; 1736576986; Report
𝖘𝖆𝖑𝖑𝖞 ꔛ∘•★	1736459046 Using!!! Report Comment
Dex	1736214182 SUPER COOL!! IM A USE IT Report Comment
纳迪亚ིྀೄྀ	1736199699 usingg Report Comment
Lia xd	1735721042 using !! Report Comment
Liws.com_	1735514341 usinngggg Report Comment
✂️ 𓂅 𝗙𝗔𝗖𝗘𝕃𝔼𝕊𝕊 ﹆ׂׂ ˖ ̨𖥔	1735367526 using!! Report Comment
straight_lesbian	1735272922 usingggggg Report Comment
☆JESTRR☆	1734894570 USINGG!!!! Report Comment
SNacK	1734121689 usijng Report Comment
Rocket	1733705081 using!! Report Comment
Butchered	1733697022 Using! Report Comment
Iris ♪	1733187513 using Report Comment
Maddie ™	1733010450 using ty ty Report Comment