JSFiddle - React, Tailwind, and code Playground

by neal_fletcher

HTML

<div class="hover">HOVER</div>
<div class="hover">HOVER</div>
<div class="hover">HOVER</div>
<div class="hover">HOVER</div>
<div class="hover">HOVER</div>
<div class="hover">HOVER</div>

CSS

.hover {
  position: relative;
  font-family: arial;
  font-size: 50px;
  text-align: center;
  -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -o-transition: all 1200ms;
    transition: all 1200ms;
  cursor: pointer;
}

.hover:hover {
  letter-spacing: .5em;
}