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 vote290 views1 answer
Width cross browser
CSS
10 votes161 views1 answer
Css when click select another class
CSS
8 votes157 views2 answers
Invert png color css
CSS
68 votes201 views6 answers
Center position absolute
CSS
0 vote169 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
1 vote163 views1 answer
Gulp with pm2
CSS
0 vote167 views1 answer
Easyui how to change datagrid header height
CSS
0 vote182 views1 answer
Text in circle css
CSS
2 votes167 views1 answer
Add padding to scrollbar
CSS
0 vote164 views1 answer
Easiest way to invert css to dark mode
CSS