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

50 votes188 views6 answers
Text align css
CSS
12 votes248 views5 answers
Responsive font-size
CSS
12 votes200 views2 answers
Css not first child
CSS
12 votes189 views3 answers
Css change color
CSS
10 votes220 views1 answer
Rotate image css mdn
CSS
2 votes236 views1 answer
Https request
CSS
2 votes213 views1 answer
Css make div on top of everything
CSS
0 vote217 views1 answer
How to make my list unstyled
CSS
0 vote249 views2 answers
How to remove white space in the right side of web page
CSS
0 vote216 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS