Как сделать мигающий текст CSS

Мигающий текст требуется на сайте для того, чтобы привлечь внимание. Чтобы его сделать можно применить свойство animation. Для этого тексту необходимо задать класс и прописать для него бесконечно повторяющуюся анимацию, за это отвечает параметр infinite. Добиться мигания можно с помощью свойства opacity, изменяя прозрачность.

Пример

Lorem Ipsum

HTML


<p class="text-flicker">Lorem Ipsum</p>

CSS


.text-flicker {
  animation: flicker 3s infinite; /* Параметры анимации */
}
  @keyframes flicker {
    from { opacity: 1; /* Непрозрачный текст */ }
    to { opacity: 0; /* Прозрачный текст */ }
  }