Неоновый текст CSS

Эффект неонового текста хорошо будет смотреться на темном фоне, с помощью анимации свечение получается естественным и привлекает внимание.

Пример

Lorem Ipsum

HTML


<p class="neon-shadow">Lorem Ipsum</p>

CSS


.neon-shadow{
  color: #fff;
  -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
     -moz-animation: neon1 1.5s ease-in-out infinite alternate;
          animation: neon1 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 60px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 25px #FF1177, 0 0 30px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177;
  }
}