JSFiddle - React, Tailwind, and code Playground
HTML
<div style="border: 1px solid red;">
<img id="myimage" src="http://upload.wikimedia.org/wikipedia/mediawiki/a/a9/Example.jpg" style="border: 3px solid silver;" />
</div>
<a href="#" id="myrotate">[ rotate ]</a>
CSS
.rot90 {
-webkit-transform: rotate(90deg); /* Safari */
-moz-transform: rotate(90deg); /* Firefox 3.6 Firefox 4 */
/*-moz-transform-origin: right top; */
-ms-transform:rotate(90deg); /* IE9 */
-o-transform:rotate(90deg); /* Opera */
transform:rotate(90deg); /* W3C */
}
JavaScript
$("#myrotate").click(
function (e) {
$("#myimage").addClass("rot90");
}
);