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

16 votes168 views2 answers
Css photo circle
CSS
50 votes159 views3 answers
Simple css reset
CSS
37 votes167 views1 answer
Placeholder font size css
CSS
0 vote190 views1 answer
Datatables when filtering snaps to top of page
CSS
52 votes163 views3 answers
Css position absolute middle
CSS
52 votes158 views4 answers
Css change text size
CSS
5 votes189 views2 answers
Css disabled div
CSS
0 vote222 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
7 votes177 views4 answers
How hide in html
CSS
15 votes178 views3 answers
Drop shadow image css
CSS