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

# div-slide-transition
Анимация перемещения.

## Параметры
| Параметры | Описание |
| --- | --- |
| `type` | <p>**string**</p><p>Обязательный параметр.</p><p>Значение всегда должно равняться `slide`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `distance` | <p>**object**</p><p>Фиксированное значение смещения, с которого начнется появление или на котором закончится исчезновение элемента. Если значение не указано, то берется расстояние до выбранного края родительского элемента.</p><p>Значение имеет тип `div-dimension`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `duration` | <p>**int**</p><p>Продолжительность анимации в миллисекундах.</p><p>Ограничение для значения `x`: `x >= 0`.</p><p>Значение по умолчанию: `200`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `edge` | <p>**string**</p><p>Край родительского элемента для одного из типов действий:<li>откуда элемент будет двигаться при появлении;</li><li>куда элемент будет двигаться при исчезновении.</li></p><p>Возможные значения: `left`, `top`, `right`, `bottom`.</p><p>Значение по умолчанию: `bottom`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `interpolator` | <p>**string**</p><p>Характер скорости перехода.</p><p>Возможные значения: `linear`, `ease`, `ease_in`, `ease_out`, `ease_in_out`, `spring`.</p><p>Значение по умолчанию: `ease_in_out`.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `start_delay` | <p>**int**</p><p>Задержка в миллисекундах перед началом анимации.</p><p>Ограничение для значения `x`: `x >= 0`.</p><p>Значение по умолчанию: `0`.</p><p>Доступные платформы: Android, iOS, веб.</p> |

<details>
<summary>JSON</summary>

```json
{
  type*: "slide",
  distance: {
    unit: "string",
    value*: "number"
  },
  duration: "int",
  edge: "string",
  interpolator: "string",
  start_delay: "int"
}
```
</details>