Как заставить текст мигать на моей веб-странице

Мигающий текст

Более ранние версии HTML и интернет-браузеры поддерживали этот тег. Он использовался для создания мигающего текста на веб-страницах. Сегодня этот тег устарел и больше не поддерживается ни в одном крупном браузере. Чтобы создать мигающий текст, используйте приведенный ниже пример CSS или JavaScript.

  • Пример CSS
  • Пример JavaScript

Пример CSS

Чтобы создать CSS-класс мерцания, скопируйте приведенный ниже код CSS в заголовок своей веб-страницы.

После вставки вышеуказанного CSS-кода вы можете использовать класс «blink» для любого элемента. Ниже приведен тег абзаца с использованием класса blink.

Пример мигания текста с использованием CSS.

Выполнение всех вышеуказанных шагов дает вам мигающий текст, как показано ниже.

Пример мигания текста с использованием CSS.

Пример JavaScript

Чтобы создать функцию мигания JavaScript, скопируйте приведенный ниже код JavaScript в заголовок своей страницы.

function blinker () {
$ ( 'Мигает.) Затухание (500).
$ ( 'Мигает.) FadeIn (500).
}
setInterval (мигатель, 1000);

После того, как вышеупомянутый JavaScript вставлен в вашу страницу, вы можете вызвать функцию, добавив «мигающий» класс к любому элементу. Ниже приведен тег абзаца с использованием мигающего класса.

Пример мигания текста с использованием JavaScript.

Выполнение всех вышеуказанных шагов дает вам мигающий текст, как показано ниже. Вы можете настроить значения в JavaScript, чтобы изменить вид мигающего текста.

Пример мигания текста с использованием JavaScript.

Ссылка на основную публикацию