Я красный
У меня шевелится фон!
Чуваки, я хочу быть зелененьким!
(Это иллюстрация к посту «Анимация через -webkit-keyframes ломает стили в Яндекс.Браузере»)
.red {
	color:#F00;
}

.animated {
	background:url('/i/ava.gif') no-repeat 0 0;
	-webkit-animation:olomate 5s infinite;
}

@-webkit-keyframes olomate {
	0% {background-position: 0 0;}
	50% {background-position: 100px 0;}
	100% {background-position: 0 0;};
}
.green {
	color:#0F0;
}
		
<div class="red">Я красный</div> <div class="animated"> <span>У меня шевелится фон!</span> </div> <div class="green">Чуваки, я хочу быть зелененьким!</div>