3D rotateimageonline

That means that if you don't care for old IEs (the bane of web designers) you can skip the -ms- and -moz- prefixes to economize space.

Rotate picture by degrees

Otherwise, you can do this by setting a data attribute in your HTML, then using Javascript to add the necessary styling:

However, the Webkit browsers (Chrome, Safari, most mobile navigators) still need -webkit-, and there's a still-big cult following of pre-Next Opera and using -o- is sensate.

Image rotationonline

The Rotterdam Zoo is giving away cardboard glasses that make it appear that you’re looking off to one side; these are gorilla-viewing glasses, meant to avoid incidents in which gorillas attack visitors for making eye contact with them. The glasses’ introduction follows an attack on a woman by an escaped gorilla.

But this (and the .rotate90 example above) pushes the rotated image higher up on the page than if it were un-rotated. Not sure how to control placement of the image relative to text or other rotated images.