Salve,
ho un problema nel rotate di un'immagine.

Ho questo codice:

codice:
<style>
.gear {-webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -ms-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out;}
	.gear:hover {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}
</style>

<a class="logo" href="/">
        [img]images/gear.png[/img][img]images/logo.png[/img]
</a>
Io vorrei che non solo all'hover della prima immagine (gear.png), ma anche all'hover della seconda immagine (logo.png) la prima immagine(gear.png) venga ruotata.

Come risolvo?

grazie!