JSFiddle - React, Tailwind, and code Playground

by Jagi

HTML

<p>Blur test</p>

CSS

body {
  background-color: rgb(100,100,100);
}

p {
  text-align: center;
  color: transparent;
  text-shadow: 0px 0px 0px rgb(255,255,255);
  font-size: 40px;
  font-family: 'Arial';
  transition: all 1s ease;
  letter-spacing: 0px;
  opacity: 1;
}

p:hover {
  text-shadow: 0px 0px 100px rgb(255,255,255);
  letter-spacing: 20px;
  opacity: 0;
}