Rotate image css

Rotate css

div {
  width: 80px;
  height: 80px;
  background-color: skyblue;
}

.tourne {
  transform: rotate(45deg); /* Équivalent à rotateZ(45deg) */
  background-color: pink;
}

Source: developer.mozilla.org

Rotate image css

div {
  width: 80px;
  height: 80px;
  background-color: skyblue;
}

.rotated {
  transform: rotate(45deg); /* Equal to rotateZ(45deg) */
  background-color: pink;
}

Source: developer.mozilla.org

Rotate image css

.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

Rotate image in css

div.a {
  transform: rotate(20deg);
}

Similar codes

52 votes332 views4 answers
Css change text size
CSS
12 votes296 views1 answer
Css onclick event
CSS
127 votes481 views4 answers
React import bootstrap css
CSS Bootstrap
23 votes362 views3 answers
Text-overflow ellipsis multiple lines
CSS
2 votes365 views3 answers
Ul hide bullet css
CSS
4 votes340 views6 answers
Css grid
CSS
0 vote356 views1 answer
Override package css
CSS
0 vote375 views1 answer
Css float placeholder
CSS
1 vote347 views1 answer
Import css in thymeleaf
CSS
2 votes360 views2 answers
Remove border iframe
CSS