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

0 vote383 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote289 views1 answer
Background affter layer css
CSS
0 vote332 views1 answer
Separar letras en css
CSS
1 vote313 views1 answer
How to write css like a pro
CSS
19 votes267 views3 answers
Css round element
CSS
22 votes306 views2 answers
Disable user select css
CSS
0 vote278 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
-2 votes315 views2 answers
Scss how to declare variable for multiple files
CSS
10 votes282 views1 answer
Install code command on mac
CSS
-2 votes262 views1 answer
Django won't load static css
CSS