---
title: translate
framework: webkitjs
role: symbol
role_heading: Instance Method
path: webkitjs/webkitcssmatrix/1630758-translate
---

# translate

Returns the result of translating this matrix by a given vector.

## Declaration

```data
WebKitCSSMatrix translate(
    optional unrestricted double x, 
    optional unrestricted double y, 
    optional unrestricted double z
);
```

## Parameters

- `x`: The x component in the vector.
- `y`: The y component in the vector.
- `z`: The z component in the vector. If undefined, 0 is used.

## Return Value

Return Value A new matrix that is the result of translating this matrix.

## Discussion

Discussion This matrix is not modified by this method.

## See Also

### Applying Operations

- [multiply](webkitjs/webkitcssmatrix/1631528-multiply.md)
- [inverse](webkitjs/webkitcssmatrix/1633805-inverse.md)
- [scale](webkitjs/webkitcssmatrix/1632184-scale.md)
- [rotate](webkitjs/webkitcssmatrix/1629773-rotate.md)
- [rotateAxisAngle](webkitjs/webkitcssmatrix/1632317-rotateaxisangle.md)
- [skewX](webkitjs/webkitcssmatrix/1633353-skewx.md)
- [skewY](webkitjs/webkitcssmatrix/1631022-skewy.md)