div background transitions

div background transitions, simple 5-state keyframe colorchange

<style type="text/css">
      .blinkdiv { height: 500px; width: 100%; 
      animation: colorchange 5s;
      -webkit-animation: colorchange 5s; }
    @keyframes colorchange
    {
      0%   {background: red;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }

    @-webkit-keyframes colorchange 
    {
      0%   {background: red;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }
</style>
<div class="blinkdiv"></div>