I couldn’t find slide-in-right animation for ionicModal. So i create one on my own. Usage: … animation: ‘slide-in-right’ … css: .slide-in-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .slide-in-right.ng-enter, .slide-in-right > .ng-enter { -webkit-transit…

pretty cool, will give this a try… i am more of a developer and not too good with animations, how would I change this to slide in from the bottom

Use ‘slide-in-up’ instead of ‘slide-in-right’. That is the default animation for ionicModals.

fantastic! thank you very much. works great

well done! i love it and just copy paste it … works! :slight_smile: thanks

it’s cool :slight_smile: thank for a lot :cactus:

Great, thanks for sharing this. It saved a good time! Only a small change to use translate3d(100%, 0, 0) instead of translateX(100%) It will trigger hardware acceleration in devices with it and will deliver a better performance. The same code with this change: .slide-in-right { -webkit-transfo…

Slide-in-right animation for ionicModal

sribk March 8, 2019, 9:19pm 14

Others … I was able to implement based informatio provided by @onderceylan here

Topic		Replies	Views
Modal view animation slide-in-left-right ionic-v1	4	6533	August 31, 2015
Modal Animations ionic-v1	17	47450	April 30, 2017
How to change Modal animation to "Fade in" And "Fade out"? ionic-v3	5	9903	November 10, 2017
Nightly Modal Animations ionic-v1	1	679	April 9, 2015
Modal animation slide-in-up not working ionic-v1	11	12521	June 3, 2015

Slide-in-right animation for ionicModal

Related topics