ionic-modal-custom-transitions

Adding Custom Transitions to Ionic Modals

Transitions and Usage

All transitions classes are located under transitions folder. These are the available Transition classes:

• modal-translate-up-enter
• modal-translate-up-leave
• modal-scale-up-enter
• modal-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.