CSS CUSTOM LOADING SCREEN

place in ur about section !!

~

body::before {
content: "";
display: block;
position: fixed;
left: -32px;
top: 0;
width: calc(100% + 32px);
height: calc(100% + 32px);
background-image: url(insert image url here !!);
background-size: cover;
background-position: center;
background-repeat: repeat;
z-index: 10000000;
animation: ScanlineAnimationRight 0.2s linear infinite;
pointer-events: none;
opacity: 1;
animation: hide 0.9s linear 1s 1 forwards;
}

@keyframes hide {
to {
opacity: 0;
}
}


29 Kudos

Comments

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

pyrope

pyrope's profile picture

tysm !!! ^_^


Report Comment

Roko Akutagawa ☆

Roko Akutagawa ☆'s profile picture

doesnt work unless im just rly stupid :/


Report Comment

Roxy >, <!!!

Roxy >, <!!!'s profile picture

nothing happens


Report Comment

seaweed

seaweed's profile picture

hey!! this is really cool! :O
though i am wondering one thing!! i've added my photo, but, it only appears for a second! (kinda like it just flashes for a sec) !!
how can i fix this?? :(


Report Comment



hii! i think i found one that works, all u need to do is paste in ur image's link: https://forum.spacehey.com/topic?id=95653

by ⛧frankensplat⛧; ; Report

i already figured it out, but thank you!

by seaweed; ; Report

bunny

bunny's profile picture

Peggy, that's the recipe for mustard gas!!


Report Comment