如何在外观和消失之间添加转换到语义ui模态？

Question

语义UI莫代尔自带默认zoom-in过渡。我怎样才能让它在出现或消失时使用其他过渡？

Answer 1

您可以使用UI过渡到更改默认德过渡，使用以下命令：

$('.ui.modal').modal({ 
    transition: 'transition_name', 
    ... //others settings 
}).modal('show'); 

过渡的名单可以在这里找到：UI Transitions，也是在此模式设置的列表：Modal Settings。

BTW：你可以像这样指定一个设定：.modal('setting', 'transition', 'horizontal flip') 所以你得到的东西是这样的：

$('.ui.modal') 
    .modal('setting', 'transition', 'horizontal flip') 
    .modal('show');