JSFiddle - React, Tailwind, and code Playground

by Danack

HTML

<p style='font-size: 48px'>
You are surifng teh 
    <span class='blink'>intahwebz</span>!1!
</p>

CSS

@-webkit-keyframes blink {
		from { opacity: 1.0; }
		to { opacity: 0.0; }
		0% { opacity: 1.0; }
		50% { opacity: 0.0; }
		100% { opacity: 1.0; }
	}
    @keyframes blink {
		from { opacity: 1.0; }
		to { opacity: 0.0; }
		0% { opacity: 1.0; }
		50% { opacity: 0.0; }
		100% { opacity: 1.0; }
	}

	.blink {
	-webkit-animation-name: blink;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps(1);
	-webkit-animation-duration: 1s;
    animation-name: blink;
	animation-iteration-count: infinite;
	animation-timing-function: steps(1);
	animation-duration: 1s;
	}