如何在出现和消失时向语义 ui 模态添加过渡？

Question

语义UI模态带有默认zoom-in过渡。我怎样才能让它在出现或消失时使用其他一些过渡？

Answer 1

您可以使用 UI 过渡来更改默认过渡，使用以下内容：

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

可以在此处找到转换列表：UI Transitions, and also a list of modal settings here: Modal Settings。

顺便说一句：您可以像这样指定一个设置：.modal('setting', 'transition', 'horizontal flip') 所以你得到这样的东西：

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