JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<button type="button" class="atumil_zornegam">САЙТ: ZORNET.RU</button>

CSS

.atumil_zornegam {
    background: #14226b;
    padding: 7px 12px;
    color: #f7f1f1;
    border: none;
    border-radius: 3px;
    animation-name: flash;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0, 0, 0.7, 0.94);
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.68, 0.99);
    -webkit-animation-iteration-count: infinite;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}


@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Firefox 1+
@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Safari 3-4
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}