Change Color, Always

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>
Go to top