Definition
The translate
CSS property is used to move an element across the x and y axis. Put another way, it can be used to move an element horizontally or vertically.
You typically use the properties like this:
.element {
transform: translateX(100px) translateY(100px);
}
You can combine the X and Y values as well:
.element {
transform: translate(100px, 100px);
}