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.

Comments

Displaying 4 of 4 comments ( View all | Add Comment )

Swagpro1988	1694754779 using ^^ Report Comment
Chezburgr_x3 🍔🌈	1686411489 using x3 Report Comment
Bloody_Pixie<3	1684920606 love this one totes spiced up my bg Report Comment
.	1684805719 would use but it doesnt work for me !! x( Report Comment nvm it works, im just stupid xD by .; 1684807841; Report