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

72 votes165 views6 answers
Css center position absolute
CSS
0 vote136 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
0 vote155 views1 answer
React right burger scrol bar
CSS
0 vote155 views2 answers
How to define max number of character for a paragraph css
CSS
3 votes127 views1 answer
Css backdrop filter blut
CSS
6 votes140 views2 answers
Blink css
CSS
57 votes144 views3 answers
How to round the corners of a div outline in css
CSS
0 vote139 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
58 votes153 views3 answers
@media
CSS
0 vote93 views0 answer
CSS