Image rotate with css

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

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

Source: developer.mozilla.org

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 in css

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

Similar codes

4 votes407 views1 answer
Bootstrap file select class
CSS Bootstrap
42 votes337 views6 answers
Css transparent background color
CSS
19 votes327 views3 answers
Bootstrap media queries
CSS Bootstrap
23 votes330 views5 answers
Align item center flex
CSS
0 vote330 views1 answer
Div set text colo0r
CSS
-1 vote320 views3 answers
Transparent background css for image
CSS
21 votes387 views5 answers
How to open a file in vscode from terminal
CSS
0 vote330 views1 answer
How to use css print page break with float
CSS
7 votes360 views3 answers
Make text unselectable css
CSS
0 vote329 views1 answer
How to make a div in top left in css
CSS