Rotate CSS3

[Vicar]

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

Ho questo 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!

[Mich_]

Le due immagini riempiono completamente il tag <a>?

Allora puoi usare l':hover sul tag <a> anziche` sul tag <img>

Il codice potrebbe diventare:

a.logo .gear { ...formatt. a riposo ... }
a.logo:hove .gear { ... formatt. hover ... }

[Vicar]

It works!

Thank you so much!