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

1 vote99 views3 answers
Remove table border html
CSS
43 votes110 views6 answers
Blur background css
CSS
7 votes104 views1 answer
How many fonts can i add in a css font-face
CSS
0 vote183 views1 answer
Backface-visibility: hidden;
CSS
0 vote102 views1 answer
Nth-of-type(2):before
CSS
1 vote106 views1 answer
Materialize customize container
CSS
168 votes150 views4 answers
Css link tag
CSS
0 vote107 views1 answer
Using to in linear gradient css
CSS
0 vote65 views1 answer
Github-pages main.css cancel
CSS
1 vote111 views1 answer
How to put mulitple conditions in media query
CSS