Rotate image on hover div

css, hover, html

Solution

Just change your css to:

div:hover .rotate {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

Instead of:

.rotate {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

Hope this helps!

JSFiddle Example

Problem

Im trying to make sure that when I hover the parent `<div>`, the `<img>` inside the div should rotate 360 degrees (Hovering the text for example, or space in-between should rotate the image as well) This is my JSFiddle - http://jsfiddle.net/FmLbd/ I think its probably something real simple, however I can't seem to figure out what to change in order to make this "simple" effect work.

Original source