How to rotate image with javascript?
<img src="my-image.jpg" width="300" />
<!-- The image element to rotate -->
<img src="my-image.jpg" width="300" />
// Access DOM element object
const rotated = document.getElementById('rotated');
// Rotate element by 90 degrees clockwise
rotated.style.transform = 'rotate(90deg)';
how to rotate image with inspect element & how to change image with css
add rotate90 class to the DOM
and add this to the inspector:
.rotate90 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}