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

-1 vote273 views1 answer
How to write a comment in css
CSS
0 vote206 views1 answer
Titillium font
CSS
0 vote204 views1 answer
What css vmin
CSS
1 vote212 views1 answer
Which css property is used to change font
CSS
0 vote201 views1 answer
Space in css :before :after
CSS
90 votes216 views6 answers
Center text
CSS
0 vote226 views1 answer
Ausgewählter text farbe ändern css
CSS
0 vote217 views1 answer
How to package tailwindcss for deployment
CSS
0 vote230 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote208 views1 answer
Statamic partial
CSS