mak :]'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

How to add an intro to your account!

(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>


94 Kudos

Comments

Displaying 20 of 33 comments ( View all | Add Comment )

🌈 [CH4RL13] (>_<) ! -- ✩

🌈 🍪 [CH4RL13] (>_<) ! -- ...'s profile picture

its not working for me D:


Report Comment

FinnNotFinnce (i promise)

FinnNotFinnce (i promise)'s profile picture

USING!!! NOW MY PROFILE HAS A EMO INTRO >:D


Report Comment

jupiii!

jupiii!'s profile picture

TYYYYYY IM USINGGG THISS


Report Comment

atomolix

atomolix's profile picture

using!!


Report Comment

cherry ♡

cherry ♡'s profile picture

TYSM THIS WORKED :33


Report Comment

Dia s diary

Dia s diary's profile picture

Usingg


Report Comment

Cena <3

Cena <3's profile picture

Using, thank you!


Report Comment

Angeliko

Angeliko's profile picture

usingggg


Report Comment

Ivan

Ivan's profile picture

using!!11!1!11!


Report Comment

caar1960

caar1960's profile picture

using!!


Report Comment

PixelPunk

PixelPunk's profile picture

Using!


Report Comment

bri ⚝

bri ⚝'s profile picture

USINGG!!


Report Comment

m!Ra x3

m!Ra x3's profile picture

Thanks using!!


Report Comment

rosethebabydoll

rosethebabydoll's profile picture

using! <3


Report Comment

Efi✿

Efi✿'s profile picture

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


Report Comment



they meant url, as in the link of the intro you wanna put in

by lucid ୭; ; Report

charlie

charlie's profile picture

im super new to html, what do i put in the quotes after 'content:'


Report Comment



u gotta put the irl

by dorkie !!; ; Report

Squeezynutz

Squeezynutz's profile picture

It worked!!! Thank you so much :D


Report Comment



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

Gabber's profile picture

isnt working :(


Report Comment



paste it at the beginning of your profile code, below the style tag

by ஃ мɨκłớ Ѵ ஃ; ; Report

Alex the bat

Alex the bat 's profile picture

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


Report Comment



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

Nocturna 's profile picture

THANK YOUU


Report Comment