Custom animated profile header

Tags: layout, url, header

Description:

replace the X's with your gif/image url! Let me know if it doesn't work.

Code:

<!-- (c) Layout created by (𝐕𝐢𝐧𝐧)𝐬𝐦𝐨𝐤𝐞⸝⸝🌊⊹。 (https://layouts.spacehey.com/layout?id=27724) -->

<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('XXXXXXX');
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>

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 14 of 14 comments ( View all | Add Comment )

scarletttt_	1750575136 might use this Report Comment
Lu✭	1750273027 Using! Report Comment
lol	1749583099 using Report Comment
riri zzzzzz zzzzz	1747527920 usejng lalalal Report Comment
riri zzzzzz zzzzz	1747527920 usejng lalalal Report Comment
EsCuTOvoZeS ᶻ 𝗓 𐰁	1744940816 usingggg Report Comment
s4mmy the jam¡s0n! (actual eric carr tennant)	1738644708 USIINGGGGGGGG THIS IS GENIUS OMG I LOVE YOU SO MUCH FOR THIS THIS IS AWESOME LIKE >>>>>>>>AWESOMEEEEEE<<<<<<<<<<< Report Comment
deeZ	1733645262 USING, LOVEIT Report Comment
☯𖤐A C 3𖤐☯	1732117444 Using! Report Comment
Aggie	1729495703 USINGG Report Comment
ᴋɪʀʙʏ୨ৎ	1726384349 usin it pooks!! hope it works.. Report Comment
W1LLIAM	1706864248 UZING!!!!!!!!!1 TYZM :) Report Comment
Lazulii._	1701903812 it doesnt work for me i think i did it wrong Report Comment sorry for the late response! make sure you're only replacing the X and not the quotation marks around it! ^_^ by (𝐕𝐢𝐧𝐧)𝐬𝐦𝐨𝐤𝐞⸝⸝🌊⊹。; 1703881072; Report
coco ! ꒰ˆ.⸝⸝. ˆ꒱੭ﾞ	1679873478 it works thank u so much !! ^_^ Report Comment no problem ! :D by (𝐕𝐢𝐧𝐧)𝐬𝐦𝐨𝐤𝐞⸝⸝🌊⊹。; 1679883979; Report