UGHHH, I've been searching for loading screens that look like the ones on spacehey.. cant find a single *WORKING* HTML/CSS code anywhere!!!! I'm unsure if its because of my messy copy and paste work or just the code 😥 right now I've only ever seen 2 people have it so it has to be real. 😔
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
Def3ct
html::before {
content: "";
position: fixed;
top: -100%; left: -50%;
width: 300%; height: 300%;
background-image: url('Https://test.com/image.png');
opacity: 0.2;
pointer-events: none;
animation: grain 8s steps(10) infinite;
z-index: -2;
}
@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%) }
}
thank you sm!! ❤
by xlr8; ; Report