Вращение значков
 

Как сделать чтобы значки вращались во круг своей оси при наведении мышки??

Заменять их при наведении на gif'ку

Не, сильно много будет занимать места, и так 30 значков на странице и они весят по 80 кб, ещё и анимировнных нехвататло!

Это какого же они размера?

<style type="text/css">
.rotor {
transition: all 0s linear;
-o-transition: all 0s linear;
-webkit-transition: all 0s linear;
}
.rotor:hover {
transition: all .4s linear;
-o-transition: all .4s linear;
-webkit-transition: all .4s linear;
transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
</style>
<img class="rotor" src="http://javascript.ru/forum/image.php?u=4363&dateline=1260060405" alt="" />
<img class="rotor" src="http://javascript.ru/forum/image.php?u=501&dateline=1215635980" alt="" />
<img class="rotor" src="http://javascript.ru/forum/image.php?u=205&dateline=1210101799" alt="" />

:)

В мозилле не работает! А так прикольно!
А можно чтобы картинки не по диоганали а по вертикали крутились?

А я знаю. Вы все еще любите мозиллу? ;)
А если серьезно, то можно анимацию и яваскриптом делать. А для ie фильтр matrix, так что, можно сделать кроссбраузерно.
Можно

UPD: Гуглите в сторону CSS Sandpaper, мне с телефона трудовато адекватный код писать

Как сделать чтобы по вертикали крутились?
Как сделать чтобы в мозилле работали?
И спасибо!

subzey,
спасибо за пиар)))

а можно раскрыть тему?