JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<a href="http://zornet.ru/" id="ksatun_kasukiden"><span><img src="http://zornet.ru/Aben/ABGDA/zornet_ru/kersa/stolik.png" /></span>ZorNet.Ru uCoz</a>

CSS

@-webkit-keyframes rainbow {
	0% {background: #a6ce20;}
	50% {background: #000}
	100% {background: #a6ce20;}
}

@keyframes rainbow {
	0% {background: #a6ce20;}
	50% {background: #000}
	100% {background: #a6ce20;}
} 

#ksatun_kasukiden {
	background: #a6ce20;
	line-height: 70px;
	display: block;
	height: 70px;
	width: 400px;
	padding-right: 25px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 32px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px auto;
	webkit-animation: rainbow 2s linear 2s infinite;
	animation: rainbow 2s linear 2s infinite;
}

@-webkit-keyframes rainbow1 {
	0% {background: #000;}
	50% {background: #a6ce20}
	100% {background: #000;} 
} 

@keyframes rainbow1 {
	0% {background: #000;}
	50% {background: #a6ce20}
	100% {background: #000;} 
} 

#ksatun_kasukiden span {
	background: #000;
	display: block;
	float: left;
	margin-right: 25px;
	text-align: center;
	height: 70px;
	width: 70px;
	webkit-animation: rainbow1 2s linear 2s infinite;
	animation: rainbow1 2s linear 2s infinite;
}

#ksatun_kasukiden img {
	vertical-align: middle;
	margin-top: 8px;
}