Changing colour using CSS

colours.css

/*
  Mention the tag id="typed". 
  For eg. : <h1 id="typed">Color Changer</h1>
*/

#typed{
  animation-name:color_change;
  animation-duration:1s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}

@-webkit-keyframes color_change {
  from { color: blue; }
  to { color: red; }
}

@-moz-keyframes color_change {
  from { color: blue; }
  to { color: red; }
}

@-ms-keyframes color_change {
  from { color: blue; }
  to { color: red; }
}

@-o-keyframes color_change {
  from { color: blue; }
  to { color: red; }
}

@keyframes color_change {
  from { color: blue; }
  to { color: red; }
}