angularjs - Ionic custom modal animation -
ionic modal comes standard animation of slide-in-up
. possible can change animation fade-in
?
you can add own animation css, ex:
.slide-in-right { -webkit-transform: translatex(100%); transform: translatex(100%); } .slide-in-right.ng-enter, .slide-in-right > .ng-enter { -webkit-transition: cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; transition: cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; } .slide-in-right.ng-enter-active, .slide-in-right > .ng-enter-active { -webkit-transform: translatex(0); transform: translatex(0); } .slide-in-right.ng-leave, .slide-in-right > .ng-leave { -webkit-transition: ease-in-out 250ms; transition: ease-in-out 250ms; }
and usage 'slide-in-right'
the same 'fade-in'
https://forum.ionicframework.com/t/slide-in-right-animation-for-ionicmodal/18882
Comments
Post a Comment