Noise/Grain Screen Effect

Tags: grain, effect, tv, vhs, noise

Description:

this effect is perfect for profiles with grungy and dark vibes/aesthetics! (if you wanna replace the grain effect, delete everything that comes after "url" inside the parenthesis and paste the image address of the new grain effect u want on your profile)

Code:

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

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://media.istockphoto.com/id/1334024232/vector/seamless-pixel-noise-texture-static-interference-grunge-vector-background-tv-screen-no-signal.jpg?s=612x612&w=is&k=20&c=yVNxKDBiaWw809wfu2b1eQO7BJcoXKnqKqSiReza3h0=);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} </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.