JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<style>
body {
	animation: color 1s linear alternate infinite;
}

@keyframes color {
	from {background: hsl(0,100%,50%);}
	to   {background: hsl(120,100%,50%);}
}

body {
	height: 100vh;
	display: grid;
	place-items: center;
	margin: 0;
}
div {
	width: 100%;
	height: 300px;
	background: linear-gradient(to right, hsl(0,100%,50%) 0%, hsl(120,100%,50%) 100%);
}
</style>


<!-- <div></div> -->