<div id="glow">Neon</div>
<div id="pro"><span>M</span><span>o</span><span>u</span><span>s</span><span>e</span><span>o</span><span>v</span><span>e</span><span>r</span> <span>M</span><span>e</span><span>!</span></div>

@import url(https://fonts.googleapis.com/css?family=Quicksand);
body {
  background: #1f1f1f;
}

div {
  font-family: Quicksand, sans-serif;
  text-align: center;
  color: #1cbb22;
  font-size: 80px;
  margin: 0 auto;
  width: 600px;
}

#glow {
  transition: all .6s;
  animation: neon 3s ease-in-out infinite alternate;
}

#pro span:nth-child(1) {
  transition: all .2s;
}
#pro span:nth-child(2) {
  transition: all .4s;
}
#pro span:nth-child(3) {
  transition: all .6s;
}
#pro span:nth-child(4) {
  transition: all .8s;
}
#pro span:nth-child(5) {
  transition: all 1s;
}
#pro span:nth-child(6) {
  transition: all 1.2s;
}
#pro span:nth-child(6) {
  transition: all 1.4s;
}
#pro span:nth-child(7) {
  transition: all 1.6s;
}
#pro span:nth-child(8) {
  transition: all 1.8s;
}
#pro span:nth-child(9) {
  transition: all 2s;
}
#pro span:nth-child(10) {
  transition: all 2.2s;
}
#pro span:nth-child(11) {
  transition: all 2.4s;
}
#pro span:nth-child(12) {
  transition: all 2.6s;
}
#pro span:nth-child(13) {
  transition: all 2.8s;
}
#pro span:nth-child(14) {
  transition: all 3s;
}
#pro span:nth-child(15) {
  transition: all 3.2s;
}

#pro:hover span {
  color: rgba(28, 137, 34, 0);
  text-shadow: 
  0 0 1px #73D977, 
  0 0 5px #07520A, 
  0 0 1px #1cbb22, 
  0 0 2px #1cbb22, 
  0 0 3px #79d97d;
}

@keyframes neon {
  from {
    color: rgba(28, 137, 34, 0);
    text-shadow: 
      0 0 1px #73D977, 
      0 0 5px #07520A, 
      0 0 1px #1cbb22, 
      0 0 2px #1cbb22, 
      0 0 3px #79d97d;
  }
  to {
    color: rgba(28, 137, 34, 0);
    text-shadow: 
      0 0 1.5px #73D977, 
      0 0 5px #07520A, 
      0 0 1px #1cbb22, 
      0 0 3px #1cbb22, 
      0 0 4px #79d97d;
  }
}