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 vote188 views1 answer
Css video poster object-fit
CSS
0 vote187 views1 answer
Input type (submit, button, reset) css
CSS
0 vote177 views1 answer
Table with vertical lines in angular
CSS
70 votes192 views4 answers
Css vertical align center
CSS
0 vote210 views1 answer
Input checkbox size css
CSS
0 vote208 views1 answer
Border-radius cross browser
CSS
22 votes186 views2 answers
Disable highlight css
CSS
7 votes213 views2 answers
Background color semi transparent
CSS
0 vote197 views1 answer
Border buttom color
CSS
-1 vote187 views2 answers
Add sass to react
CSS