How to rotate images

Here’s a solution I found. You add a class to your CSS, e.g.

.rotateimg180 {

-webkit-transform:rotate(180deg);

-moz-transform: rotate(180deg);

-ms-transform: rotate(180deg);

-o-transform: rotate(180deg);

transform: rotate(180deg);
}

(Or 90 or 270… This should ensure it works in all browsers.)

Then enter the image with HTML, e.g.

<img class="rotateimg180" src="whatever" alt="" />

If you know of a neater solution please let me know.

2 Likes