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 reanna ☆ (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 247 comments ( View all | Add Comment )

mouse	1752553930 using!!! Report Comment
Squid	1752538326 Using! Report Comment
kiutipammm	1752102777 using!!! Report Comment
✿.｡.:* ☆::. ɆⱠⱠłØ₮₮ .::.☆*.:｡.✿	1751875334 usinggggh Report Comment
Emily!!	1750914818 using!! Report Comment
Cam ☆	1750287953 using Report Comment
missing	1749914132 usando Report Comment
Buzziyah	1749599225 using <3 Report Comment
.𝕴𝖓𝖈𝖔𝖒𝖕𝖗𝖊𝖍𝖊𝖓𝖘𝖎𝖇𝖎𝖑𝖎𝖙𝖎𝖊𝖘.	1748934516 using Report Comment
Alma	1748745580 using !! Report Comment
ravenkrieg	1748638062 using Report Comment
kfeemi	1748567917 using :3 Report Comment
BL33D⦻M0R3___	1748063452 using Report Comment
^^хXGir_ate_Cupcake_Хх^^	1747159061 Usee Report Comment
^^хXGir_ate_Cupcake_Хх^^	1747159058 Usee Report Comment
vivichu	1747065430 using :3 Report Comment
5525	1746990002 usinggg Report Comment
Arii	1745096106 Using Report Comment
Mikey	1744692053 usiiing :) Report Comment
montxnismxp	1744551408 usingg Report Comment