Rotate image html

.img {
transform: rotate(90deg);
}

How to rotate image in css

div {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 100px;
  height: 100px;
  background-color: lightgray;
}

.rotate {
  background-color: transparent;
  outline: 2px dashed;
  transform: rotate(45deg);
}

.rotate-translate {
  background-color: pink;
  transform: rotate(45deg) translateX(180px);
}

.translate-rotate {
  background-color: gold;
  transform: translateX(180px) rotate(45deg);
}

Source: developer.mozilla.org

Rotate image html

<img src="your image" style="transform:rotate(90deg);">

Source: stackoverflow.com

Similar codes

0 vote197 views1 answer
Html display text in alternating coloured panels
CSS
0 vote132 views1 answer
All pseudo elements css
CSS
33 votes185 views2 answers
Gradient text colors
CSS
67 votes173 views3 answers
St. Patrick's Day
CSS
4 votes190 views3 answers
Add space between flex items
CSS
0 vote211 views1 answer
Css contour
CSS
0 vote188 views1 answer
100vh doesn't fill the page
CSS
2 votes138 views1 answer
Alignitems
CSS
2 votes168 views1 answer
Css []
CSS
1 vote176 views6 answers
Tailwind css in react
CSS