saintumami's profile picture

Published by

published

Category: Layouts

HELPPP! How do I add a loading screen to my profile?

I've been looking up some tutorials on youtube and when I insert the code in, it doesn't work? SOMEONE HELP OMD. Where do I put the code? At the beginning, middle, or end? I literally didn't listen during coding classes.

Kudos: 6

Comments

Displaying 4 of 4 comments ( View all | Add Comment )

Report

hope that helps!! lmk if something goes wrong, it's the code for spacehey soo it must work



HELLOO! It works when I remove the <style> for the rest of my layout code, but then the layout doesn't work anymore and it's just the loading screen!! CAN YOU PLEASE HELP ME INSERT IT TO THE CODE

by saintumami; ; Report

try removing <style> and </style> in the code that i've sent you. also make sure that your layout starts with <style> and ends with </style>. dm me if it doesn't help, i might need your full code to help

by snake_or_snack; ; Report

Report

html
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('LINK TO YOUR VIDEO');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>