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

5 votes284 views2 answers
How to rotate image 360 degrees in css
CSS
0 vote268 views1 answer
Css make background image repeat horizontal
CSS
0 vote274 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
0 vote269 views1 answer
Position images in center of container
CSS
1 vote286 views1 answer
Css ganzer button anklickbar
CSS
1 vote259 views1 answer
Html dim entire screen
CSS
0 vote263 views1 answer
Html css drow line
CSS
0 vote280 views1 answer
Vsc css autocomplet
CSS
0 vote259 views1 answer
Whitesmoke color gradient
CSS
0 vote257 views1 answer
Acf wysiwyg height
CSS