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 vote142 views1 answer
CodeIgniter + WordPress integration
CSS
1 vote148 views2 answers
How to make background more darker with css
CSS
0 vote134 views1 answer
Mouse hold css effect
CSS
0 vote161 views1 answer
How to style submit button css
CSS
0 vote142 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote152 views1 answer
Show modal in bootstrap 4
CSS
0 vote151 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
0 vote128 views1 answer
Transition all ease 0.3s
CSS
16 votes138 views4 answers
Arrow left css
CSS
22 votes143 views3 answers
Css disable text select
CSS