Witam, chciałem stworzyć klasę, która obracać będzie obrazek po najechaniu na niego
Udało mi się stworzyć coś takiego:

[HTML] pobierz, plaintext 
.obraz {
    overflow: hidden;
    transition-duration: 1s;
    transition-property: transform;
}
.obraz:hover {
    transform: rotate(360deg);
     -webkit-transform:rotate(360deg);
     -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
}
[HTML] pobierz, plaintext 

Pytanie tylko, co zrobić, aby obracał się sam obrazek po najechaniu, a nie zawartość całego spanu.

[HTML] pobierz, plaintext 
<span class="obraz klasazobrazkiem">tekst</span>
[HTML] pobierz, plaintext 

Chciałbym, aby obrazek obracał się zarówno po najechaniu na tekst jak i obrazek, ale sam tekst nie obracał się nigdy.

"klasazobrazkiem" to klasa w css, która zawiera link do obrazu.

Rozdziel obrazek i tekst na odrębne elementy i wrzuć do kontenera (np. div'a).
Ustaw klasę:

[HTML] pobierz, plaintext 
#kontener:hover .obraz {
}
[HTML] pobierz, plaintext 

Dzięki