JSFiddle - React, Tailwind, and code Playground

by DeadByElpy

HTML

<h1 data-content="Deadbyelpy">Deadbyelpy</h1>

CSS

body {
	background: #2D2D2D;
	min-height: 100%;
}

h1 {
	position: absolute;
	left: 50%;
	margin-left: -1.9em;
	color: hsla(0,0%,100%,.3);
	font: 900 800% Baskerville, 'Palatino Linotype', Palatino, serif;	
}

@keyframes loading {
	from { max-width: 0; }
}

h1:before {
	content: attr(data-content);
	position: absolute;
	overflow: hidden;
	max-width: 4em;
	color: white;
	animation: loading 10s linear;
}