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.