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

1 vote310 views1 answer
Css erase text
CSS
6 votes330 views5 answers
Table fixed header
CSS
-1 vote318 views1 answer
Asp.net set css class in code behind
CSS
0 vote365 views1 answer
Css file verlinken
CSS
6 votes320 views3 answers
How to make rounded corners in css with images
CSS
3 votes327 views1 answer
Css scrollbar vertical only
CSS
9 votes330 views1 answer
Vevo playlist
CSS
0 vote328 views1 answer
How to draw rhombus in css
CSS
-1 vote339 views1 answer
Bootstrap scrollable modal
CSS
0 vote323 views1 answer
Css only style horizontal scrollbar
CSS