<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://media1.tenor.com/m/X8qJFx7J7JMAAAAC/ayesha-ayeshaerotica.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 4.6s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
</style>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
☆
Also this can be used as base, just replace your desired gif links and done!