The name of the CSS animation (the <code>animation-name</code> CSS property) applied to the component when the transition is requested to enter.

The name of the CSS class applied to the component when the transition is requested to enter.

The name of the CSS animation (the <code>animation-name</code> CSS property) applied to the component when the transition is requested to exit.

The name of the CSS class applied to the component when the transition is requested to exit.

<p>A utility component that hooks up to the MUI Base transitions API and
applies a CSS transition to its children when necessary.</p>


The name of the CSS property that is transitioned the longest (has the largest <code>transition-duration</code>) on exit. This is used to determine when the transition has ended. If not specified, the transition will be considered finished end when the first property is transitioned. If all properties have the same <code>transition-duration</code> (or there is just one transitioned property), this can be omitted.

CssAnimation

string

CssTransition

Allows an element to be transitioned in and out.
The transition is triggerred by a `TransitionContext` placed above in the component tree.

Allows child elements to be transitioned in and out.

名称	类型	描述
enterAnimationName	字符串	当请求过渡进入时，应用于组件的 CSS 动画的名称（`animation-name` CSS 属性）。
enterClassName	字符串	当请求过渡进入时，应用于组件的 CSS 类的名称。
exitAnimationName	字符串	当请求过渡退出时，应用于组件的 CSS 动画的名称（`animation-name` CSS 属性）。
exitClassName	字符串	当请求过渡退出时，应用于组件的 CSS 类的名称。

名称	类型	描述
enterClassName	字符串	当请求过渡进入时，应用于组件的 CSS 类的名称。
exitClassName	字符串	当请求过渡退出时，应用于组件的 CSS 类的名称。
lastTransitionedPropertyOnExit	字符串	退出时过渡时间最长的 CSS 属性的名称（具有最大的 `transition-duration`）。这是用于确定过渡何时结束的。如果未指定，则当第一个属性过渡时，将认为过渡已完成。如果所有属性都具有相同的 `transition-duration`（或者只有一个过渡属性），则可以省略此项。

过渡

CssAnimation API

导入

Props

CssTransition API

导入

Props