• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты для сайтов » Мигающий текст с помощью HTML и CSS (Создаём мигающий текст на сайте с помощью css)
Мигающий текст с помощью HTML и CSS
Kosten
Дата: Четверг, 2019-09-12, 19:30 | Сообщение 1
Онлайн
Администраторы
Сообщений:25228
Награды: 57


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

Я использую тег span и назначаю ему мигающий класс.

HTML

Код
<span class="blinking">Здесь мигает текст</span>

CSS

Код
.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}
Страна: (RU)
Kosten
Дата: Четверг, 2019-09-12, 20:15 | Сообщение 2
Онлайн
Администраторы
Сообщений:25228
Награды: 57


CSS3 мигающая текстовая анимация


See the Pen
CSS3 blinking text animation
by Kocsten (@kocsten)
on CodePen.


Страна: (RU)
Kosten
Дата: Четверг, 2019-09-12, 20:50 | Сообщение 3
Онлайн
Администраторы
Сообщений:25228
Награды: 57


jQuery: Blink текст с использованием jQuery


See the Pen
jquery-practical-exercise-6
by Kocsten (@kocsten)
on CodePen.


Страна: (RU)
VIP36RUS
Дата: Пятница, 2019-09-13, 06:55 | Сообщение 4
Оффлайн
Проверенные
Сообщений:206
Награды: 4


Спасибо нужная вещь
Прикрепления: 4865223.gif(692.2 Kb)


IPSGuru.RU - Сообщество веб администраторов
Kinoguru.Online - Онлайн фильмы
Любая тема на uCoz не интересует!
Страна: (RU)
Форум » Веб-разработка » Скрипты для сайтов » Мигающий текст с помощью HTML и CSS (Создаём мигающий текст на сайте с помощью css)
  • Страница 1 из 1
  • 1
Поиск: