@keyframes hi{
 0% {color:red; font-size:1px }
  10% {color:orange; font-size:100px;}
 25% {color:yellow;font-size:10px}
 40% {color:green;font-size:1000px}
 55% {color:blue; font-size:2000px;}
 70% {color:purple;font-size:1px}
 85% {color:pink;font-size:100px}
 100% {color:red; font-size:100000px;}
}
 @keyframes hi2{
 0% {color:red; }
  10% {color:orange;}
 25% {color:yellow;}
 40% {color:green;}
 55% {color:blue; }
 70% {color:purple;}
 85% {color:pink;}
 100% {color:red;}
  
}
.animated{
  animation-name: hi;
  animation-duration:0.0001s;
  animation-iteration-count: infinite
}