کد رقص متن (چرخش و تغییر رنگ متن)

<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>