• Страница 1 из 1
  • 1
Создать мигающий текст с HTML + CSS
Kosten
Воскресенье, 09 Декабря 2018, 21:36 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Всегда можно удивить мигающем текстом, так как при входе на сайт, этот эффект будет пользователем заметен, что для этого основном его создают. Если брать интернет магазин, то мат можно написать. что сегодня акция, вообщем под любую тематику такой эффект пригодиться.

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



HTML

Код
<span class="dsakolp-serund">Текст мигает</span>


CSS

Код
.dsakolp-serund{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

На этом все.

Демонстрация
Прикрепления: 6750193.png (59.3 Kb)
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: