Hi all , i'm trying to mimic some animation effect similar found on Google plus .to be more precise ,i'm trying to make something similar when you hover your cursor on Google plus Photo album .
my question is how to make the photo rotate to a certain degree ? can this be done using pure css3 or should javascript be used ?
any help would be appreciated .

Now, CSS3 transforms are supported by modern browsers, and IE9 and below have their own special filter attribute that does DX transforms. They suck, and you can't animate them so you might want to perform a JavaScript fallback for them instead of actually using them.

Now, all you're doing is if you hover over the image, it rotates it n degrees. Mind you, this is only supported in the specified browsers, so not everyone will see it.

(Optional) Providing Fallbacks for unsupported browsers

Now, let's take this to the next level. We want everyone to see it. Your best bet is to use Modernizr. Modernizr is JavaScript plugin that provides browser support testing along with fallbacks to make sure that your effects work across the board.

Include the modernizr plugin, jQuery and the above jQuery-Rotate and lets get crackin. Your JS: