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

8 votes361 views1 answer
Remove styles button
CSS
-1 vote365 views1 answer
Use w3 css on your website
CSS
0 vote374 views1 answer
On frontend grivity form css not load
CSS
36 votes392 views6 answers
How to insert gradient in css
CSS
1 vote351 views1 answer
Button background color remove
CSS
7 votes374 views3 answers
Input checked by default
CSS
0 vote368 views1 answer
Linear gradient farthest-corner code css
CSS
0 vote427 views1 answer
Time an element to disappear css
CSS
7 votes423 views3 answers
Css filter color
CSS
1 vote334 views1 answer
Hex code for khaki
CSS