destus,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div{
width:100px;
height:100px;
-webkit-animation: color 5s ease-in-out infinite alternate;
-moz-animation: color 5s ease-in-out infinite alternate;
-o-animation: color 5s ease-in-out infinite alternate;
animation: color 5s ease-in-out infinite alternate;
}
@keyframes color {
0%{
background-color: #000000;
}
100%{
background-color: #FFFFFF;
}
}
@-webkit-keyframes color {
0%{
background-color: #000000;
}
100%{
background-color: #FFFFFF;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>