---
name: "Animation.translate3d"
mode: "api"
versionRequirements:
  - { name: "Base Library", version: "2.21.8" }
title: "Animation.translate3d - 3D 平移变换"
---

## Animation.translate3d

> [VERSION] Base Library >= 2.21.8

### Description

3D translation

### Parameters

`Params`

| Parameter | Type | Required | Description |
| --- | --- | --- | --- |
| `translateX` | `number` | No | X-axis translation distance, in px |
| `translateY` | `number` | No | Y-axis translation distance, in px |
| `translateZ` | `number` | No | Z-axis translation distance, in px |

### Return Value

Type: `Animation`

Animation instance

### Examples

#### 3D translation

```ts
Page({
  data: {
    animationData: {},
  },
  onReady() {
    const animation = ty.createAnimation({ duration: 500 });
    animation.translate3d(100, 50, 20).step();
    this.setData({ animationData: animation.export() });
  },
});
```