Css transform origin

/* Syntax */
transform-origin: y-axis x-axis z-axis|initial|inherit;

/* Example */
transform-origin: center right;

/* Possible Values

 x-axis - left, center, right, (length), (%)
 y-axis - top, center, bottom, (length), (%)
 z-axis - (length)

*/

Transform orgin css

div {
  transform: rotate(45deg);
  transform-origin: 20% 40%;
}

Transform-origin

transform-origin: 0 0;
transform: translate(-100%, 50%) rotate(45deg) translate(100%, -50%);

Source: developer.mozilla.org

Transform-origin

transform-origin: -100% 50%;
transform: rotate(45deg);

Source: developer.mozilla.org

Similar codes

8 votes186 views1 answer
Remove styles button
CSS
0 vote189 views1 answer
How to apply css on react chartjs
CSS
13 votes254 views1 answer
W3schools keyframes
CSS
1 vote251 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote204 views1 answer
Css feather border
CSS
0 vote182 views1 answer
Unable to locate package neo4j
CSS
22 votes187 views2 answers
Rgb white
CSS
0 vote166 views1 answer
Make an anchor tag inactive
CSS
6 votes178 views4 answers
Backdrop filter css
CSS
2 votes176 views1 answer
Ho to choose the first child of parent in css
CSS