JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

HTML

<div></div>

CSS

div {
	--rps: 25;
	
	animation: blink calc(1s / var(--rps)) ease infinite;
	background: red;
	height: 100px;
	width: 100px;
}

@keyframes blink {
	0% { opacity: 1; }
	100% { opacity: 0; }
}