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 vote129 views1 answer
Google script css link
CSS
9 votes131 views4 answers
Css size button
CSS
0 vote136 views1 answer
Override vuetify container width
CSS
0 vote153 views2 answers
How to force fully show the keyboard in android
CSS
8 votes194 views5 answers
Box bottom shadow css
CSS
2 votes149 views2 answers
Test shadow css
CSS
18 votes128 views4 answers
Css rotate animation
CSS
0 vote134 views1 answer
Line circle in css
CSS
7 votes136 views2 answers
Use text-align to justify the paragraph style
CSS
0 vote139 views1 answer
Bootstrap accordion some change
CSS