(IF YOU WANT TO CHANGE THE LENGTH OF YOUR GIF, CHANGE THE YOURANIMATION FROM 3 SECONDS!!)
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('PUT URL OF GIF HERE');
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>
Comments
Displaying 20 of 33 comments ( View all | Add Comment )
🌈
[CH4RL13] (>_<) ! -- ✩
its not working for me D:
FinnNotFinnce (i promise)
USING!!! NOW MY PROFILE HAS A EMO INTRO >:D
jupiii!
TYYYYYY IM USINGGG THISS
atomolix
using!!
cherry ♡
TYSM THIS WORKED :33
Dia s diary
Usingg
Cena <3
Using, thank you!
Angeliko
usingggg
Ivan
using!!11!1!11!
caar1960
using!!
PixelPunk
Using!
bri ⚝
USINGG!!
m!Ra x3
Thanks using!!
rosethebabydoll
using! <3
Efi✿
I'm sorry I don't know what to put in contect I know you said irl but I sadly don't know what it is
they meant url, as in the link of the intro you wanna put in
by lucid ୭; ; Report
charlie
im super new to html, what do i put in the quotes after 'content:'


u gotta put the irl
by dorkie !!; ; Report
Squeezynutz
It worked!!! Thank you so much :D
yw!!!!
by mak :]; ; Report
also LOVE ur layouttttttttt
by mak :]; ; Report
Omggg thank you so much!!
by Squeezynutz; ; Report
Omggg thank you so much!!
by Squeezynutz; ; Report
Yours is so prettyyyyy
by Squeezynutz; ; Report
thank you!!!!
by mak :]; ; Report
Gabber
isnt working :(
paste it at the beginning of your profile code, below the style tag
by ஃ мɨκłớ Ѵ ஃ; ; Report
Alex the bat
Guys, if this isn't working I guess you need to put code before all the other codes, i also had a little problem with this :p
how?
by lain_; ; Report
how?
by lain_; ; Report
how?
by lain_; ; Report
how?
by lain_; ; Report
Something like that:
[CSS code from the post]
[Your layout in any of the boxes where you did put it]
How will it look:
style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('PUT URL OF GIF HERE');
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>
[Your code]
Tbh I wrote this comment long time ago, so I cant be sure rn
by Alex the bat; ; Report
i would just put it in your "about me" section under "edit profile"
by mak :]; ; Report
Ok
by Alex the bat; ; Report
Nocturna
THANK YOUU