你没有加前缀-webkit-，提醒：

@-webkit-keyframes changecolor{
  0%{
    background: red;
  }
  20%{
    background:blue;
  }
  40%{
    background:orange;
  }
  60%{
    background:green;
  }
  80%{
    background:yellow;
  }
  100%{
    background: red;
  }
}
div:hover {
  animation: changecolor 5s ease-out .2s;
  -webkit-animation: changecolor 5s ease-out .2s;
  -moz-animation: changecolor 5s ease-out .2s;
}