Demo of the different values of the translate property.
Click the property values below to see the result:
Perspective property for DIV1 is set to 200px. For changes in z-axis to take effect, perspective property must be set on parent element of the element you want to move.
Perspective property for DIV1 is set to 200px. For changes in z-axis to take effect, perspective property must be set on parent element of the element you want to move.
Perspective property for DIV1 is set to 200px. For changes in z-axis to take effect, perspective property must be set on parent element of the element you want to move.
Perspective property for DIV1 is set to 200px. For changes in z-axis to take effect, perspective property must be set on parent element of the element you want to move.
Perspective property for DIV1 is set to 200px. For changes in z-axis to take effect, perspective property must be set on parent element of the element you want to move.
Perspective property for DIV1 is set to 200px. For changes in z-axis to take effect, perspective property must be set on parent element of the element you want to move.
Play more with the code in our Tryit yourself editor: Try it Yourself ❯