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 vote111 views1 answer
Colored button link scss
CSS
4 votes116 views1 answer
How do i update my gatsby version?
CSS
0 vote125 views1 answer
Grid place between
CSS
0 vote123 views3 answers
Html input file upload image for profile picture
CSS
0 vote124 views1 answer
Print zend db select query to string
CSS
0 vote114 views1 answer
Grid css fr width of content
CSS
1 vote104 views1 answer
Css div fill whole page
CSS
0 vote134 views1 answer
Button style link
CSS
47 votes128 views5 answers
Nth-child() css
CSS
0 vote143 views1 answer
Text below filter css using pseudo
CSS