CODEWITHSUNDEEP
cssimagerotation
DanDan
DanDan

Reputation: 10562

Rotating an image using css

I'd like to rotate an image on a webpage through four orientations at 90 degrees apart. I'd prefer this to happen on the client machines. Can this be done using css? Or will I need to use javascript?

Thank you for your time.

Upvotes: 7

Views: 27773

Answers (3)

jantimon
jantimon

Reputation: 38160

It is possible however only for new browsers.

Best Link I could find (Chrome / Safari / Firefox) with example

Sample source code (Safari/Chrome)

Sample source code (Firefox)

SO post containing code for IE Webkit and Firefox

Upvotes: 7

Mark Bell
Mark Bell

Reputation: 29785

You can do it in Firefox using these CSS transforms - as for other browsers, I think you'll need Javascript. I'd recommend you perhaps take a look at the Raphael library.

Upvotes: 5

Paul
Paul

Reputation: 5576

Afraid you're gonna have to use some javascript for that - CSS cannot do this currently

Try checking this out:

http://code.google.com/p/jquery-rotate/

Upvotes: 1

Related Questions