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

8 votes207 views3 answers
Select first div css
CSS
3 votes214 views6 answers
Uncaught TypeError: $ is not a function
CSS
0 vote231 views2 answers
Open sublime text 3 from terminal mac
CSS
9 votes204 views6 answers
Round button css
CSS
0 vote226 views1 answer
Button remove surroundings
CSS
2 votes193 views2 answers
How to have a background image with a color overlay
CSS
-1 vote204 views2 answers
How to add image with url in css
CSS
1 vote202 views1 answer
Css font size important
CSS
3 votes199 views3 answers
Unsplash url
CSS
62 votes212 views6 answers
Css text shadow
CSS