---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.3
alternate:
  - https://divkit.tech/docs/en/concepts/divs/2/div-animation.md
  - https://divkit.tech/docs/ru/concepts/divs/2/div-animation.md
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/en/llms.txt

# div-animation
Element animation parameters.

## Parameters
| Parameters | Description |
| --- | --- |
| `name` | <p>**string**</p><p>Required parameter.</p><p>Animation type.</p><p>Possible values: `fade`, `translate`, `scale`, `native`, `set`, `no_animation`.</p><p>Available platforms: Android, iOS, web.</p> |
| `duration` | <p>**int**</p><p>Animation duration in milliseconds.</p><p>Restriction for the value `x`: `x >= 0`.</p><p>Default value: `300`.</p><p>Available platforms: Android, iOS, web.</p> |
| `end_value` | <p>**number**</p><p>Final value of an animation.</p><p>Available platforms: Android, iOS, web.</p> |
| `interpolator` | <p>**string**</p><p>Animation speed nature. When the value is set to `spring` — animation of damping fluctuations cut to 0.7 with the `damping=1` parameter. Other options correspond to the Bezier curve:<li>`linear` — cubic-bezier(0, 0, 1, 1);</li><li>`ease` — cubic-bezier(0.25, 0.1, 0.25, 1);</li><li>`ease_in` — cubic-bezier(0.42, 0, 1, 1);</li><li>`ease_out` — cubic-bezier(0, 0, 0.58, 1);</li><li>`ease_in_out` — cubic-bezier(0.42, 0, 0.58, 1).</li></p><p>Possible values: `linear`, `ease`, `ease_in`, `ease_out`, `ease_in_out`, `spring`.</p><p>Default value: `spring`.</p><p>Available platforms: Android, iOS, web.</p> |
| `items` | <p>**array**</p><p>Animation elements.</p><p>Available platforms: Android, iOS, web.</p> |
| `repeat` | <p>**object**</p><p>Number of animation repetitions.</p><p>The value has the type `div-count`.</p><p>Default value: `{ "type": "infinity" }`.</p><p>Available platforms: Android, iOS, web.</p><p>List of possible values:<li>[div-infinity-count](div-infinity-count.md#div-infinity-count)</li><li>[div-fixed-count](div-fixed-count.md#div-fixed-count)</li></p> |
| `start_delay` | <p>**int**</p><p>Delay in milliseconds before animation starts.</p><p>Restriction for the value `x`: `x >= 0`.</p><p>Default value: `0`.</p><p>Available platforms: Android, iOS, web.</p> |
| `start_value` | <p>**number**</p><p>Starting value of an animation.</p><p>Available platforms: Android, iOS, web.</p> |

<details>
<summary>JSON</summary>

```json
{
  duration: "int",
  end_value: "number",
  interpolator: "string",
  items: [ div-animation, ... ],
  name*: "string",
  repeat: div-count,
  start_delay: "int",
  start_value: "number"
}
```
</details>