JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<script src="https://raw.githubusercontent.com/davatron5000/Lettering.js/master/jquery.lettering.js"></script>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum esse nam porro, consequuntur ex fugiat eos distinctio neque ullam, perferendis unde autem illum omnis laborum nesciunt quis velit sit! Similique tempore consequuntur saepe qui eius, necessitatibus incidunt, cumque odit soluta vero rem tenetur, tempora quod ratione pariatur dolores commodi harum.</p>

JavaScript

$(function() {
	var offset = 0;
	$('p').lettering().children('span').css('opacity', 0).each(function() {
    	var that = $(this);
    	setTimeout(function() {
        	that.animate({'opacity': 1}, 120);
        }, offset);
        offset += 12;
    })
})