sophie's profile picture

Published by

published

Category: Web, HTML, Tech

help again...

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

FuzzyFox's profile picture

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


Report Comment



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