Rainbow animated background

Tags: rainbow, animation, tweak

Description:

based on this codepen[dot]io/P1N2O/pen/pyBNzX

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
	background: linear-gradient(-90deg, #CC99FF, #A9D1F7, #B4F0A7,#FFFFBF,#FFDFBE,#FFB1B0);
	background-size: 400% 100%;
	animation: gradient 1s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}


}

</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.