Skip to content

Translate

Animations
The translate property is used to reposition an element in the horizontal or vertical axis.
Class Properties
wpex-translate-y-100
transform: translateY(100%);
-wpex-translate-y-100
transform: translateY(-100%);
wpex-translate-x-100
transform: translateX(100%);
-wpex-translate-x-100
transform: translateX(-100%);
wpex-translate-y-50
transform: translateX(50%);
-wpex-translate-y-50
transform: translateX(-50%);
wpex-translate-x-50
transform: translateX(50%);
-wpex-translate-x-50
transform: translateX(-50%);
-wpex-translate-xy-50
transform: translate(-50%,-50%);
wpex-transform-preserve-3d
transform-style: preserve-3d;