Css3 Background Images Animation With Transition

[Radel46]

I have a two project, one with img tags and one other with div tags (background css)

my img project: http://untitledexperiment97.heliohost.org/

my div project: http://untitledexperiment97.heliohost.org/home2.html

i make 2 project because the position of circle on img project is not center to the screen, with the div project it will center to the screen

When i'm hover on my circle at img project the circle will rotate and scaling.

In my div project the circle won't rotate, it will just scaling.

My quesion is, How to make it both scale and rotate on div project?

 

Sorry for my language I'm new here Thank you

[Shinryuu]

On the second one I'm seeing it rotate, but not scale on Chrome, but FireFox and IE are doing nothing.