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 vote357 views2 answers
Ssh: connect to host 165.22.132.219 port 22: Connection refused
CSS
1 vote367 views1 answer
Multiple values in @media
CSS
5 votes357 views1 answer
How to hange the color of your cursor in css
CSS
0 vote370 views2 answers
Generate random grid in css
CSS
0 vote366 views1 answer
Css background image follow scroll
CSS
0 vote421 views1 answer
GET /style.css HTTP/1.1" 404
CSS
0 vote370 views1 answer
How to write h2so4 using html css
CSS
6 votes440 views2 answers
How do you make each word in a text start with a capital letter?
CSS
0 vote344 views1 answer
Css quitar el icono de lista
CSS
0 vote357 views1 answer
$scope.$apply
CSS