Когда, ты как пользователь или гость заходишь на сайт и на нем начинает где то и что то виде текста мигать, тол безусловно на все это ты обращаешь внимание. А если нужно сделать так, чтоб были переходы или клик, то для этого создают дизайн виде кнопки.
В этой статье узнаете, как можно легко сделать мигающий текст в кнопке, который безусловно будет отличатся от других. Так как там будет написан текст, где вот ему зададим скорость мигание, чтоб при входе на интернет ресурс каждый мог заметить.
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;}
}
Также иногда в кнопки пишут подсказку, как скачать или что то другое, и подключают мигание, чтоб все было заметно.
Демонстрация
