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

6 votes385 views2 answers
CSS set input text to word wrap
CSS
0 vote356 views1 answer
Svg image shadow css
CSS
6 votes373 views2 answers
How to add scss to a react app
CSS
1 vote317 views1 answer
Css element same line
CSS
3 votes354 views1 answer
Trash icon in fontawesome
CSS
0 vote354 views1 answer
Bootstrap-navbar-brand
CSS
12 votes361 views1 answer
How to make borders rounded in css
CSS
61 votes365 views6 answers
Center text in css
CSS
0 vote348 views1 answer
Css broken image has top margin?
CSS
23 votes344 views5 answers
Image rotate css
CSS