image-rotation - w3toppers.com

Rotating Image with AffineTransform

The major problem (that I can see) is the translation of the Graphics context which is offset the position that the rotation will take place. I “think” rotation by default occurs at the top/left corner of the Graphics context (where it’s 0x0 position is, which you’ve translated to something else), this could be causing the … Read more

How to rotate the background image in the container?

Very well done and answered here – http://www.sitepoint.com/css3-transform-background-image/ #myelement:before { content: “”; position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; z-index: -1; background: url(background.png) 0 0 repeat; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }