<style type="text/css">
.animation
{
position:relative;
animation:myfirst 3s infinite;
-moz-animation:myfirst 3s infinite; /* Firefox */
-webkit-animation:myfirst 3s infinite; /* Safari and Chrome */
}
@keyframes myfirst
{
0% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
25% {color:gray;
-ms-transform: rotate( 180deg ); /* ie 9 */
-webkit-transform: rotate( 180deg ); /* chrome */
-o-transform: rotate( 180deg ); /* opera */
-moz-transform: rotate( 180deg ); /* firefox */
}
50% {color: red;
-ms-transform: rotate( -180deg ); /* ie 9 */
-webkit-transform: rotate( -180deg ); /* chrome */
-o-transform: rotate( -180deg ); /* opera */
-moz-transform: rotate( -180deg ); /* firefox */
}
75% {color: blue;
-ms-transform: rotate( 360deg ); /* ie 9 */
-webkit-transform: rotate( 360deg ); /* chrome */
-o-transform: rotate( 360deg ); /* opera */
-moz-transform: rotate( 360deg ); /* firefox */
}
100% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
25% {color:gray;
-ms-transform: rotate( 180deg ); /* ie 9 */
-webkit-transform: rotate( 180deg ); /* chrome */
-o-transform: rotate( 180deg ); /* opera */
-moz-transform: rotate( 180deg ); /* firefox */
}
50% {color: red;
-ms-transform: rotate( -180deg ); /* ie 9 */
-webkit-transform: rotate( -180deg ); /* chrome */
-o-transform: rotate( -180deg ); /* opera */
-moz-transform: rotate( -180deg ); /* firefox */
}
75% {color: blue;
-ms-transform: rotate( 360deg ); /* ie 9 */
-webkit-transform: rotate( 360deg ); /* chrome */
-o-transform: rotate( 360deg ); /* opera */
-moz-transform: rotate( 360deg ); /* firefox */
}
100% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
25% {color:gray;
-ms-transform: rotate( 180deg ); /* ie 9 */
-webkit-transform: rotate( 180deg ); /* chrome */
-o-transform: rotate( 180deg ); /* opera */
-moz-transform: rotate( 180deg ); /* firefox */
}
50% {color: red;
-ms-transform: rotate( -180deg ); /* ie 9 */
-webkit-transform: rotate( -180deg ); /* chrome */
-o-transform: rotate( -180deg ); /* opera */
-moz-transform: rotate( -180deg ); /* firefox */
}
75% {color: blue;
-ms-transform: rotate( 360deg ); /* ie 9 */
-webkit-transform: rotate( 360deg ); /* chrome */
-o-transform: rotate( 360deg ); /* opera */
-moz-transform: rotate( 360deg ); /* firefox */
}
100% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
}
</style>
<div><center>www.moisrex.r98.ir</center></div><a href="http://moisrex.rozblog.com"></a>
<style type="text/css">
.animation
{
position:relative;
animation:myfirst 3s infinite;
-moz-animation:myfirst 3s infinite; /* Firefox */
-webkit-animation:myfirst 3s infinite; /* Safari and Chrome */
}
@keyframes myfirst
{
0% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
25% {color:gray;
-ms-transform: rotate( 180deg ); /* ie 9 */
-webkit-transform: rotate( 180deg ); /* chrome */
-o-transform: rotate( 180deg ); /* opera */
-moz-transform: rotate( 180deg ); /* firefox */
}
50% {color: red;
-ms-transform: rotate( -180deg ); /* ie 9 */
-webkit-transform: rotate( -180deg ); /* chrome */
-o-transform: rotate( -180deg ); /* opera */
-moz-transform: rotate( -180deg ); /* firefox */
}
75% {color: blue;
-ms-transform: rotate( 360deg ); /* ie 9 */
-webkit-transform: rotate( 360deg ); /* chrome */
-o-transform: rotate( 360deg ); /* opera */
-moz-transform: rotate( 360deg ); /* firefox */
}
100% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
25% {color:gray;
-ms-transform: rotate( 180deg ); /* ie 9 */
-webkit-transform: rotate( 180deg ); /* chrome */
-o-transform: rotate( 180deg ); /* opera */
-moz-transform: rotate( 180deg ); /* firefox */
}
50% {color: red;
-ms-transform: rotate( -180deg ); /* ie 9 */
-webkit-transform: rotate( -180deg ); /* chrome */
-o-transform: rotate( -180deg ); /* opera */
-moz-transform: rotate( -180deg ); /* firefox */
}
75% {color: blue;
-ms-transform: rotate( 360deg ); /* ie 9 */
-webkit-transform: rotate( 360deg ); /* chrome */
-o-transform: rotate( 360deg ); /* opera */
-moz-transform: rotate( 360deg ); /* firefox */
}
100% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
25% {color:gray;
-ms-transform: rotate( 180deg ); /* ie 9 */
-webkit-transform: rotate( 180deg ); /* chrome */
-o-transform: rotate( 180deg ); /* opera */
-moz-transform: rotate( 180deg ); /* firefox */
}
50% {color: red;
-ms-transform: rotate( -180deg ); /* ie 9 */
-webkit-transform: rotate( -180deg ); /* chrome */
-o-transform: rotate( -180deg ); /* opera */
-moz-transform: rotate( -180deg ); /* firefox */
}
75% {color: blue;
-ms-transform: rotate( 360deg ); /* ie 9 */
-webkit-transform: rotate( 360deg ); /* chrome */
-o-transform: rotate( 360deg ); /* opera */
-moz-transform: rotate( 360deg ); /* firefox */
}
100% {color: black;
-ms-transform: rotate( 0deg ); /* ie 9 */
-webkit-transform: rotate( 0deg ); /* chrome */
-o-transform: rotate( 0deg ); /* opera */
-moz-transform: rotate( 0deg ); /* firefox */
}
}
</style>
<div class="animation"><center>www.moisrex.r98.ir</center></div><a href="http://moisrex.rozblog.com"></a>