<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#c1{
height: 50px;
background-color: #FFFF33;
display: inline-block;
animation: colors 3s forwards;
}
@keyframes colors{
33%{
background-color: #008000;
}
66%{
background-color: #0000FF;
}
100%{
background-color: #FF0000;
}
}
</style>
</head>
<body>
<span id="c1" >Информация</span>
</body>
</html>