How do i make an intro, there is absolutely no tutorials and any layout i see come with many other codes that i can't even find the intro part. Please i just need a simple intro code ...

help again...
1 Kudos
How do i make an intro, there is absolutely no tutorials and any layout i see come with many other codes that i can't even find the intro part. Please i just need a simple intro code ...
1 Kudos
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
FuzzyFox
Hello, it's a pretty simple and short code ^^
/*
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url(YOUR CHOSEN GIF URL HERE);
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 1s 1 normal forwards;
//You can exclude that animation part but I think it's nice
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
*/
This should work. Good luck
Sorry, the style and /style command isn't showing up. I'm sure you've seen it, you'll need to use style at the beginning and /style at the end with the < and >
by FuzzyFox; ; Report
it doesn't work :( ive tried others too but it just made my screen brighter, it might not be your code but something ive done further up that i need to fix. thank you!
by sophie; ; Report
Sorry to hear that, without knowing the codes you use in your about me it's difficult to troubleshoot :( Hope you'll figure it out! Good luck
by FuzzyFox; ; Report