CSS rotate

Previous Next

Demo of the different values of the rotate property.

Click the property values below to see the result:

rotate: 0deg;
rotate: 30deg;
rotate: z -30deg;
rotate: y 60deg;
rotate: x 60deg;
rotate: 1 0 0 60deg;
rotate: y -180deg;
rotate: 1 1 1 60deg;
rotate: 1 1 0 60deg;
DIV1
DIV2
DIV1
DIV2
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 ❯