PUPS 4: Kinematic Coupling | design-portfolio - Hilary Johnson - kinematic coupling
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.
Image rotationonline
Otherwise, you can do this by setting a data attribute in your HTML, then using Javascript to add the necessary styling:
Rotate picture by degrees
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.
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.