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

47 votes280 views6 answers
Css set text color
CSS
2 votes278 views1 answer
Reset a tag css
CSS
0 vote286 views1 answer
Css tricks stretch content full witdh
CSS
0 vote337 views1 answer
Can I use placeholder in <input type="time"/>
CSS
42 votes279 views6 answers
How to change font color in css
CSS
1 vote294 views1 answer
Show max word with css
CSS
164 votes345 views4 answers
Html head css link
CSS
0 vote284 views1 answer
Operating system font-family css
CSS
39 votes276 views5 answers
Add drop shadow css
CSS
3 votes284 views1 answer
Font. to be thinner css
CSS