CSS transform-origin

Previous Next

Demo of the different values of the transform-origin property.

Click the property values below to see the result:

transform-origin: center center;
transform-origin: center top;
transform-origin: center bottom;
transform-origin: right top;
transform-origin: left top;
transform-origin: 10% bottom;
transform-origin: 20% bottom;
DIV1
DIV2
DIV1
DIV2
DIV1
DIV2
DIV1
DIV2
DIV1
DIV2
DIV1
DIV2
DIV1
DIV2

Play more with the code in our Tryit yourself editor: Try it Yourself ❯