Мигающий текст | HTML/CSS

С помощью анимации CSS (в статье есть пример со сменой ссылок) можно заставить мигать блок и так и эдак. Если вместо цвета color использовать opacity или visible, то моргать будет весь элемент (подробнее про прозрачность или полупрозрачность).

За скорость (или частоту?) мигания отвечает цифра рядом с символом s:

<h2 id="blink">Образец</h2>

HTML-код плавно мигающего заголовка

<h2 id="blink1">Образец</h2>

Создать резко появляющийся текст CSS

<h2 id="blink2">Образец</h2>

Не агрессивное мелькание названия сайта

<h2 id="blink5">Образец</h2>

Блестящий текст CSS

<h2 id="blink3">Образец</h2>
Посмотрите на вариант ниже подольше.

Сверкающий текст CSS

<div id="blink6">Образец</div>

Светящийся текст CSS

<div id="blink7">Образец</div>
в f t
наверх ↑

16 комментариев:

Виктор
Большое спасибо за статью. Автор, поправьте пожалуйста примеры, вместо "class" надо писать "id".
Сразу не заметил - но повозился и заработало!
NMitra
Эх, второй раз уже так ((( Спасибо, поправила, а заодно и новый пример добавила
Анонимный
Огромное спасибо ,спасибо, спасибо !!! Все работает!!!
Анонимный
Добавил в закладки. Спасибо )
NMitra
Благодарю )
Despe4erCo
Помогло!
Анонимный
Отлично! спасибо!
Анонимный
Спасибо! Хорошая статья.
Маргарита
У меня не получается (((
NMitra
На какой вашей странице можно увидеть код и какой именно вариант добавляете? См. http://shpargalkablog.ru/p/comments-blog.html
Анонимный
Помогло, спасибо автору
Max Klimenko
Молодец.Огромное СПАСИБО.Добавил в закладки.
NMitra
Спасибо за комментарии!
Еж
Полезно, благодарю!
Максим Лейченко
Спасибо.
Alexandr SanyaBane Chaika
благодарю)