Приведу не большой пример, на мой взгляд очень интересной конпки ссылки на ваш сайт, с эффектом поворота, работает во всех современных браузерах.

моя ссылка выглядит так:

 

 

Первое что нам необходимо это создать картинку нашей кнопки в любом графическом редакторе, я использовал photoshop, формат картинки .png с прозрачным фоном, размер зависит от требований где она будет размещена.

Расмотрим код:

<!---Логотип сделать сайт начало -->

<div id="sslogo">
<p><a href="/http://sdelatsait.com/" target="_blank"><img style="background: none; float: left; border: 0px;" title="SdelatSait.com - изготовление сайтов, техническая поддержка" alt="SdelatSait.com - изготовление сайтов, техническая поддержка" src="/sslogo.png" height="auto" width="150px" /></a>
</p>
</div>
<p>
<style>
#sslogo p a {
float:left; /* обтекание другими элементами по правому краю */
opacity:.4; /*полу прозрачность картинки */
-webkit-transition: all .5s ease-in;  /* плавное изменение прозрачности для Safari, Chrome, iOS*/
-moz-transition:all .5s ease-in;   /* плавное изменение прозрачности для Firefox*/
-o-transition:all .5s ease-in;   /* плавное изменение прозрачности для Opera*/
transition:all .5s ease-in;   /*CSS Transitions позволяют назначать изменения свойств CSS плавно и в течение некоторого времени.*/
}
#sslogo p a:hover {
opacity:1; /* убираем прозрачность картинки, при наведении курсора */
-webkit-transform:rotate(360deg); /* Поворот картинки на 360 градусов для Safari, Chrome, iOS */
-moz-transform:rotate(360deg);  /* Поворот картинки на 360 градусов для Firefox */
-o-transform:rotate(360deg);   /* Поворот картинки на 360 градусов для Opera */
transform:rotate(360deg);   /* Трансформирует элемент, позволяет его сдвигать, наклонять, а также комбинировать виды трансформаций, в частности, позволяет его вращать на 360 градусов. */
}
</style>
</p>
<!---Логотип сделать сайт конец -->