JSFiddle - React, Tailwind, and code Playground

HTML

<p class="tempat-mengetik">Selamat Datang Di Blog DUMET School</p>

CSS

.tempat-mengetik {
	font-size: 22px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-animation: ketik 5s steps(50, end);
	animation: ketik 5s steps(50, end);
	width: 460px;
}

@keyframes ketik{
		from { width: 0; }
}

@-webkit-keyframes ketik{
		from { width: 0; }
}