Как добавить переходы в семантические ui модальные по внешнему виду и исчезновению?

Question

Semantic UI Modal поставляется с по умолчанию zoom-in переход. Как я могу заставить его использовать какой-либо другой переход по внешнему виду или исчезновению?

Answer 1

Вы можете использовать интерфейс переходов для изменения де перехода по умолчанию, используйте следующее:

$('.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');