Blinking animation like FLASH on text or image
HTML
<button href="#" class="winner-btn"> Ajinkya Mopkar</button>
CSS
button {
animation-duration: 2s;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
-webkit-animation-duration:2s;
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
}
.winner-btn {
background-color: #fefe1f;
box-shadow: none;
display: inline-block;
padding: 10px 20px;
}
@-webkit-keyframes blink {
from {
opacity: 1;
color:#ec3237 ;
}
to {
opacity: 0;
}
}
@keyframes blink {
from {
opacity: 1;
color:#ec3237 ;
}
to {
opacity: 0;
}
}