---
category: Components
type: General
title: Motion
subtitle: 动效
---

Motion 提供了 `zoom` 与 `slide` 两个动画形式。`zoom` 用于元素的 **移除与添加**（有`opacity`变化）；`slide` 用于元素的 **隐藏与显示**（无`opacity`变化）。

你也可以通过 `transitionName` Prop，以 CSS 动画的方式控制元素的出入场动画；如果你想要使用 JS 来动态地控制元素的出入场，则可以使用 `animation` Prop。

## Props

### Motion