CSS Transform Rotate
The CSS rotate() function can be used to rotate any element in two dimensional space. The angle of rotation can be expressed in degrees, gradians, radians or turns.
At its simplest, the image can be given a class name using the new function in the EverWeb Shape inspector and the styles for that class inserte in the Head Code box in the page inspector.
<style>
.rotate{transform:rotate(355deg)}
</style>
Note that the rotate angle is 355°. Negative values are allowed so this can also be written as -5°.
Unless the image is round or square, it will require more space when rotated to clear the items above and below or the browser/device window edges depending on its orientation.
Fixed Width
In a fixed width design, this can be achieved by simply dragging it down to clear the items above and below (landscape orientation) or reducing its width (portrait orientation).
Responsive
On the assumption that most EverWeb users are now creating reaponsive sites, a solution is described below.
