JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blur-anim">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta laborum aspernatur sint error laudantium, illo expedita totam. Amet asperiores suscipit, cumque possimus quod, soluta maiores quaerat, error assumenda, harum placeat.</div>

CSS

@-webkit-keyframes blur {
	0% {-webkit-filter: blur(5px);}
	20% {-webkit-filter: blur(4px);}
	40% {-webkit-filter: blur(3px);}
	60% {-webkit-filter: blur(2px);}
	80% {-webkit-filter: blur(1px);}
	100% {-webkit-filter: blur(0px);}
}

.blur-anim {
	-webkit-animation-name: blur;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
}