素材-uiダイアログのアニメーションを変更する

Question

cssを使用して、素材-uiの対話のショーアニメーションを変更することはできますか？私はCSSで進歩していないが、私はトランジションと変形のようなものが存在することを知っている。

Answer 1

ダイアログコンポーネントは、デフォルトを無効にするために使用できるトランジションプロップを公開します。そして

import Slide from 'material-ui/transitions/Slide'; 

：

：ここ

<Dialog open={this.state.open} transition={Slide} onRequestClose={this.handleRequestClose}> 

は、それらが提供遷移成分であるそれらの設けられたスライドトランジションを使用Dialog demo（警告ダイアログで標識スライド）の例があります

• Collapse
• Fade
• Grow
• Slide

これらのどれもが、あなたの目的を果たすない場合は、独自の移行コンポーネントを作成するための出発点としてそれらを使用することができます。