JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/davatron5000/Lettering.js/master/jquery.lettering.js"></script>
Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.
CSS
body {
padding: 40px;
background: #222;
font: 100 24px/2 'Helvetica Neue', Helvetica, sans-serif;
}
span {
color: transparent;
text-shadow: 0 0 10px #fff;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
span:hover {
text-shadow: none;
color: #aaa;
}
JavaScript
$(document).ready(function() {
$('body').lettering('words');
});