JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
		background-color: red;
		height: 200px; width: 200px;
		-webkit-animation: pulse 1s ease-in 0 infinite normal both;
		-moz-animation: pulse 1s ease-in 0 infinite normal both;
		-o-animation: pulse 1s ease-in 0 infinite normal both;
		animation: pulse 1s ease-in 0 infinite normal both;
	}

	@-webkit-keyframes pulse {
		0% { background-color: red; }
		65% { background-color: #7F0093; }
		100% { background-color: blue; }
	}
	@-moz-keyframes pulse {
		0% { background-color: red; }
		65% { background-color: #7F0093; }
		100% { background-color: blue; }
	}
	@-ms-keyframes pulse {
		0% { background-color: red; }
		65% { background-color: #7F0093; }
		100% { background-color: blue; }
	}
	@-o-keyframes pulse {
		0% { background-color: red; }
		65% { background-color: #7F0093; }
		100% { background-color: blue; }
	}
	@keyframes pulse {
		0% { background-color: red; }
		65% { background-color: #7F0093; }
		100% { background-color: blue; }
	}