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

11 votes163 views1 answer
Html input size
Html
6 votes144 views6 answers
Youtube embed autoplay
Html
0 vote159 views2 answers
Tailwind CSS typography
Html
27 votes146 views3 answers
Html horizontal line style
Html
27 votes174 views3 answers
Change font size of h1 in html
Html
255 votes358 views8 answers
Bootstrap 4 cdn
Html
1 vote146 views1 answer
Set icon for html page tab
Html
0 vote157 views2 answers
Nav bar activate in jinja
Html
2 votes163 views1 answer
Disable textarea html
Html
8 votes169 views3 answers
Readonly attribute in html
Html