این ابزار که توسط سان تولز طراحی شده است باعث میشود متن مورد نظر شما به دور خود بچرخد

متن این ابزار را میتوانید ادرس سایت یا وبلاگ خود یا یک متن خوش آمد گویی یا یک پیام به بازدید کننده یا هر چیز دیگری استفاده کنید

نمونه کد

به ادامه مطلب مراجعه فرمایید....

این ابزار که توسط سان تولز طراحی شده است باعث میشود متن مورد نظر شما به دور خود بچرخد

متن این ابزار را میتوانید ادرس سایت یا وبلاگ خود یا یک متن خوش آمد گویی یا یک پیام به بازدید کننده یا هر چیز دیگری استفاده کنید

نمونه کد:

کد:

<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 */ } 50% {color: black; -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: red; -ms-transform: rotate( 0deg ); /* ie 9 */ -webkit-transform: rotate( 0deg ); /* chrome */ -o-transform: rotate( 0deg ); /* opera */ -moz-transform: rotate( 0deg ); /* firefox */ } 50% {color: black; -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 */ } 50% {color: black; -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.suntools.ir</center></div><a href="http://suntools.ir"></a>

ارسال نظر(0)

بازديد :12931