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 vote90 views1 answer
Responsive slider with text animation codepen
CSS
1 vote130 views2 answers
Css clearfix for floats with display table and clear both
CSS
14 votes123 views2 answers
Media query in scss
CSS
2 votes162 views1 answer
Excel arabic numbers
CSS
0 vote117 views1 answer
Border none select
CSS
28 votes122 views3 answers
Font-face html
CSS
0 vote128 views1 answer
Media-queries
CSS
1 vote135 views1 answer
Export database spinup on terminal commands
CSS
4 votes124 views2 answers
Gradient over image css
CSS
10 votes118 views2 answers
Line-height css
CSS