JSFiddle - React, Tailwind, and code Playground

by thelifeisyours

HTML

<div class="pulse">TLIY</div>

CSS

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  background: #151515;
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.pulse {
  font-size: 10em;
  color: #fff;
  transition: all ease 0.7s;
  text-shadow: 0px 0px 7px white;
  animation: pulse 4s infinite;
}

@keyframes pulse {
  0% {color:#fff; text-shadow: 0px 0px 7px #fff;}
  50% {color:#222;text-shadow: 0px 0px 0px #222;}
  100% {color:#fff;text-shadow: 0px 0px 7px #fff;}
}