---

CSS3 Animation

http://www.w3schools.com/css/css3_animations.asp

<style type="text/css">
div.ani-sample {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-name: myfirst;
    animation-name: myfirst;
}

    /* Chrome, Safari, Opera */
    @-webkit-keyframes myfirst {      
      0%   {color: #FF0000; font-size: 1.00em;}
      25%  {color: #00FF48; font-size: 1.10em;}
      50%  {color: #00B233; font-size: 1.20em;}
      25%  {color: #00FF48; font-size: 1.10em;}
      100% {color: #FF0000; font-size: 1.00em;}
    }

    /* Standard syntax */
    @keyframes myfirst {
      0%   {color: #FF0000; font-size: 1.00em;}
      25%  {color: #00FF48; font-size: 1.10em;}
      50%  {color: #00B233; font-size: 1.20em;}
      25%  {color: #00FF48; font-size: 1.10em;}
      100% {color: #FF0000; font-size: 1.00em;}
    }

</style>

<div class="ani-sample">Change Color, Always</div>