destus,
нафига если можно указать только 0% 50% 100%
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div{
width:100px;
height:100px;
-webkit-animation: color 5s ease-in-out infinite;
-moz-animation: color 5s ease-in-out infinite;
-o-animation: color 5s ease-in-out infinite;
animation: color 5s ease-in-out infinite;
}
@keyframes color {
0% {
background-color: #FFFFFF;
}
50%{
background-color: #000000;
}
100%{
background-color: #FFFFFF;
}
}
@-webkit-keyframes color {
0% {
background-color: #FFFFFF;
}
50%{
background-color: #000000;
}
100%{
background-color: #FFFFFF;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>