更改素材對話框顯示的動畫效果

Question

是否可以使用css改變素材對話框中對話框的顯示動畫效果？我沒有先進的CSS，但我知道存在像轉換和變換。

Answer 1

Dialog組件公開了可用於覆蓋默認值的轉換道具。有一個在Dialog demo（在警報對話框標記幻燈片），其使用其提供幻燈片過渡的示例：

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

然後：

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

下面是它們所提供的過渡組件：

• Collapse
• Fade
• Grow
• Slide

如果沒有這些服務你的目的，你可以使用它們作爲一個起點，創建自己的過渡部位。