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.
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.
Afraid you're gonna have to use some javascript for that - CSS cannot do this currently
Try checking this out:
It is possible however only for new browsers.
Best Link I could find (Chrome / Safari / Firefox) with example
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.
This could be interesting too: http://www.snook.ca/archives/html%5Fand%5Fcss/css-text-rotation