---
name: "Animation.matrix3d"
mode: "api"
versionRequirements:
  - { name: "Base Library", version: "2.21.8" }
title: "Animation.matrix3d - 同 CSS transform matrix3d"
---

## Animation.matrix3d

> [VERSION] Base Library >= 2.21.8

### Description

Same as CSS transform matrix3d

### Parameters

`Params`

| Parameter | Type | Required | Description |
| --- | --- | --- | --- |
| `a1` | `number` | No | Value at row 1, column 1 of the 4x4 matrix |
| `b1` | `number` | No | Value at row 1, column 2 of the 4x4 matrix |
| `c1` | `number` | No | Value at row 1, column 3 of the 4x4 matrix |
| `d1` | `number` | No | Value at row 1, column 4 of the 4x4 matrix |
| `a2` | `number` | No | Value at row 2, column 1 of the 4x4 matrix |
| `b2` | `number` | No | Value at row 2, column 2 of the 4x4 matrix |
| `c2` | `number` | No | Value at row 2, column 3 of the 4x4 matrix |
| `d2` | `number` | No | Value at row 2, column 4 of the 4x4 matrix |
| `a3` | `number` | No | Value at row 3, column 1 of the 4x4 matrix |
| `b3` | `number` | No | Value at row 3, column 2 of the 4x4 matrix |
| `c3` | `number` | No | Value at row 3, column 3 of the 4x4 matrix |
| `d3` | `number` | No | Value at row 3, column 4 of the 4x4 matrix |
| `a4` | `number` | No | Value at row 4, column 1 of the 4x4 matrix |
| `b4` | `number` | No | Value at row 4, column 2 of the 4x4 matrix |
| `c4` | `number` | No | Value at row 4, column 3 of the 4x4 matrix |
| `d4` | `number` | No | Value at row 4, column 4 of the 4x4 matrix |

### Return Value

Type: `Animation`

Animation instance

### Examples

#### Use matrix3d transform

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