Adding Custom Transitions to Ionic Modals
All transitions classes are located under transitions folder. These are the available Transition classes:
modal-translate-up-entermodal-translate-up-leavemodal-scale-up-entermodal-scale-up-leave
You can use existing transition classes like this when you create a modal:
var modal = this.modalCtrl.create(SampleModalPage, {}, {
enterAnimation: '<ENTER TRANSITION CLASS NAME>',
leaveAnimation: '<LEAVE TRANSITION CLASS NAME>'
});Find complete details on how to use it in our blog article on how to use it here: Ionic Modal Custom Transitions.