• Страница 1 из 1
  • 1
Форум » Записки веб-разработчика » Начинающему вебмастеру » Сделать мигающий текст в кнопке на HTML + CSS (Мигающий текст на html сайте с помощью CSS стилей)
Сделать мигающий текст в кнопке на HTML + CSS
Kosten
Дата: Четверг, 2018-12-27, 21:03 | Сообщение 1
Администраторы
Сообщений:19237
Награды: 56


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

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



HTML

Код
<div class="nedgulosam-devcon"><span>Мигающий текст</span></div>


CSS

Код
    .nedgulosam-devcon{
  width:257px;
  height: 48px;
     background-color: magenta;
  padding: 20px;    
  text-align: center;
  line-height: 39px;
    }
    span{
  font-size: 30px;
  font-family: cursive;
  color: #f7f6f6;
  animation: blink 0.7s linear infinite;
    }
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


Также иногда в кнопки пишут подсказку, как скачать или что то другое, и подключают мигание, чтоб все было заметно.

Демонстрация
Прикрепления: 7290558.png(4.1 Kb) · css3.zip(1.6 Kb)
Страна: (RU)
Форум » Записки веб-разработчика » Начинающему вебмастеру » Сделать мигающий текст в кнопке на HTML + CSS (Мигающий текст на html сайте с помощью CSS стилей)
  • Страница 1 из 1
  • 1
Поиск: