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