При установки даного, мы раскрутим любую картинку на 360 гр. при наведении на нее мышки.
JS ставим вниз сайта перед /body
Код
<style>#workman a:hover { background-color: transparent;opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #workman img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }</style>
Ну а это по месту где будет стоять картинка
Код
<div id="workman"><img src="ссылка на картинку" alt="ключ" /></div>
смотреть ДЕМО в левой колонки (кнопки соц.сетей)