Twilight: New Moon Loading Screen!

Tags: twilight, loading screen

Description:

This is the opening scene of twilight: new moon as a loading screen for your page!

Preview:

click on the image for a larger preview

Code:

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

<style>

body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://static.wikia.nocookie.net/8c028c1d-9587-4d37-87ef-949a05e150c4');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3.1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</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.

Comments

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

tobyy ✧/ᐠ-ꞈ-ᐟ\

$tobyy ✧/ᐠ-ꞈ-ᐟ\'s profile picture$

1736464750

you are awesome for making this. thank you. will be using.

Report Comment

Kar!

1735856763

using!!!

Report Comment