JSFiddle - React, Tailwind, and code Playground

by Dmitry

HTML

<div>Анимируемый текст</div>

CSS

div {
  font-size: 72px;
  margin: 0;
  transition: letter-spacing 1s linear, opacity 1s linear, text-shadow 1s linear;
  color: transparent;
  text-align: center;
  letter-spacing: 20px;
  opacity: 0;
  text-shadow: rgb(0, 0, 0) 0px 0px 10px;
}

JavaScript

setTimeout(function() {
  $('div').css({
    letterSpacing: '0px',
    textShadow: 'rgb(0, 0, 0) 0px 0px 0px',
    opacity: 1
  });
}, 500);