JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divblink">خرید شارژ اینترنتی</div>

CSS

body {
	color: #FFFFFF; background-color: #333333
}
.divblink
{
animation-name:myblink;
animation-duration:.2s;
animation-timing-function:linear;
animation-delay:.2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
/* Firefox: */
-moz-animation-name:myblink;
-moz-animation-duration:.2s;
-moz-animation-timing-function:linear;
-moz-animation-delay:.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
/* Safari and Chrome: */
-webkit-animation-name:myblink;
-webkit-animation-duration:.2s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
}
@keyframes myblink
{
from {opacity:.01;-moz-opacity: .01;-webkit-opacity: .01;-khtml-opacity: .01;-ms-filter: "Alpha(opacity=1)";filter: Alpha(opacity=1);}
to {opacity:.01;-moz-opacity: 1;-webkit-opacity: 1;-khtml-opacity: 1;-ms-filter: "Alpha(opacity=100)";filter: Alpha(opacity=100);}
}
@-moz-keyframes myblink /* Firefox */
{
from {opacity:.01;-moz-opacity: .01;-webkit-opacity: .01;-khtml-opacity: .01;-ms-filter: "Alpha(opacity=1)";filter: Alpha(opacity=1);}
to {opacity:.01;-moz-opacity: 1;-webkit-opacity: 1;-khtml-opacity: 1;-ms-filter: "Alpha(opacity=100)";filter: Alpha(opacity=100);}
}
@-webkit-keyframes myblink /* Safari and Chrome */
{
from {opacity:.01;-moz-opacity: .01;-webkit-opacity: .01;-khtml-opacity: .01;-ms-filter: "Alpha(opacity=1)";filter: Alpha(opacity=1);}
to {opacity:.01;-moz-opacity: 1;-webkit-opacity: 1;-khtml-opacity: 1;-ms-filter: "Alpha(opacity=100)";filter: Alpha(opacity=100);}
}