---
title: setTransitionSettings
slug: viewer-3d/methods/setTransitionSettings
description: a
docTags: 
createdAt: 2024-03-01T14:17:48.685Z
---

Set transition settings.

:::hint{type="info"}
Transition settings apply to `setViewpoint`, `lookAt` and `lookAtBoundingBox` methods.
:::

## Example

::codepen{url="https://codepen.io/Catenda/embed/MWMvmZm"}

## Usage

```javascript
const transitionSettings = {
  duration: 1000,
  easing: "LinearNone"
};

viewer3d.setTransitionSettings(transitionSettings);
```

## Parameters

### transitionSettings

The transition settings.

| **Type** | **Required** |
| -------- | ------------ |
| Object   | Yes          |

**Properties**

| **Name**   | **Type** | **Required** | **Description**                     |
| ---------- | -------- | ------------ | ----------------------------------- |
| `duration` | Number   | No           | Transition duration in milliseconds |
| `easing`   | String   | No           | Transition easing function          |

**easing**

Find available easing functions [here](https://sole.github.io/tween.js/examples/03_graphs.html).

The default easing function is `LinearNone`, provide a different function by passing the function name as a string with no dot. For example `Quadratic.In` becomes `QuadraticIn`.