A single-line CSS transform is all it takes to change the orientation of an image (or any DOM element, really).
For instance, if I have an image that is on its side, I can use the following rotate transformarrow-up-right to orient it correctly.
rotate
img { transform: rotate(90deg); }
It takes an angle which can be specified in degrees. Here I use 90deg. If I was going for a different effect, I could do something like 45deg.
90deg
45deg
Last updated 4 years ago