Rotate div css

Css transform

transform: matrix(1, 2, 3, 4, 5, 6);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: translate(120px, 50%);
transform: scale(2, 0.5);
transform: rotate(0.5turn);
transform: skew(30deg, 20deg);
transform: scale(0.5) translate(-100%, -100%);
transform: perspective(17px);

Source: developer.mozilla.org

Rotate css

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

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

Source: developer.mozilla.org

Css rotate 90 deg

transform: rotate(90deg);

Transform:translateX()

/* <length-percentage> values */
transform: translateX(200px);
transform: translateX(50%);

Source: developer.mozilla.org

Rotate div css

#id {
  transform: rotate(20deg);
}

.class {
  transform: skewY(20deg);
}

.exampe {
  transform: scaleY(1.5);
}

Similar codes

32 votes304 views5 answers
Css text align right
CSS
0 vote281 views1 answer
Import custom font
CSS
4 votes294 views1 answer
Orientation css max and min width media query
CSS
0 vote302 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS
30 votes287 views6 answers
Background image with gradient css
CSS
62 votes284 views3 answers
Css root variables
CSS
13 votes267 views5 answers
How to add text stroke in css
CSS
0 vote269 views1 answer
Flex fill space
CSS
0 vote291 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
0 vote271 views1 answer
Hex color code for tan
CSS