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.