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 vote236 views1 answer
Html same width as parent
CSS
4 votes234 views3 answers
How to not underline links in css
CSS
0 vote242 views2 answers
Why is my body background color in css not working
CSS
7 votes260 views4 answers
How to crop images in css
CSS
0 vote258 views1 answer
Canvas disable antialiasing
CSS
0 vote275 views1 answer
Div with specific id css
CSS
3 votes240 views1 answer
Bootstrap 3 offset
CSS
67 votes237 views3 answers
St. Patrick's Day
CSS
7 votes245 views3 answers
Border width css
CSS
2 votes234 views1 answer
Popsition relative css
CSS