Search results
The translate property allows you to change the position of elements. The translate property defines x- and y-coordinates of an element in 2D. You can also define the z-coordinate to change position in 3D.
The translate() method moves an element from its current position (according to the parameters given for the X-axis and the Y-axis). The following example moves the <div> element 50 pixels to the right, and 100 pixels down from its current position: Example. div { transform: translate (50px, 100px); } Try it Yourself » The rotate () Method.
Definition and Usage. The transform property applies a 2D or 3D transformation to an element. This property allows you to rotate, scale, move, skew, etc., elements. Show demo . Browser Support. The numbers in the table specify the first browser version that fully supports the property. Syntax. transform: none| transform-functions |initial|inherit;
18 lip 2024 · The translate() CSS function repositions an element in the horizontal and/or vertical directions. Its result is a <transform-function> data type.
28 lis 2022 · The translate CSS property allows you to transfer an element from one place to another along the X (horizontal) axis, the Y (vertical) axis, and the Z (depth) axes, similar to how you might think of moving an element using offsets, like top, bottom, left, and right.
The translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the transform value.
6 wrz 2011 · translate(): Moves an element sideways or up and down. rotate() : Rotates the element clockwise from its current position. matrix() : A function that is probably not intended to be written by hand, but combines all transforms into one.
