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 vote350 views1 answer
Input date icon width
CSS
4 votes324 views1 answer
How to move anything left in css
CSS
17 votes369 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
0 vote322 views1 answer
Css nesting
CSS
15 votes396 views3 answers
Put an border around an text in css
CSS
0 vote341 views1 answer
Liste commandes disponibles linux
CSS
0 vote384 views1 answer
Helooo
CSS
0 vote331 views3 answers
Css class selector
CSS
0 vote333 views1 answer
How to apply css on react chartjs
CSS
0 vote365 views1 answer
React right burger scrol bar
CSS