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); }