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 vote112 views1 answer
3 line after dot in css
CSS
0 vote130 views2 answers
Add profile picture to a form in html and css
CSS
0 vote115 views1 answer
Scss color black white
CSS
18 votes150 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
2 votes146 views1 answer
Contenteditable new line
CSS
47 votes124 views4 answers
Transform
CSS
6 votes122 views3 answers
Print css media query
CSS
1 vote112 views1 answer
How to desactivate txt selection css
CSS
0 vote130 views1 answer
React html height 100%
CSS
0 vote121 views1 answer
How to use a background property in css
CSS