Small animation opening

Tags: animation, animated, autoplay

Description:

have u ever wondered how u can make a animation play at the for a few seconds when people click on ur profile? well heres the code!

Code:

<!-- (c) Layout created by J3TT J4YW4LK3R (https://layouts.spacehey.com/layout?id=94373) -->

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('Click on a image and click "copy image address" and paste it here!! DONT REMOVE ANYTHING HERE');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
</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.