Modal view animation slide-in-left-right

Addition animation, from left to right, instead of default slide-in.
May be it will be helpful for someone :blush:

/* animation */
.slide-in-left-right {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.slide-in-left-right.ng-enter, .slide-in-left-right > .ng-enter {
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; }

.slide-in-left-right.ng-enter-active, .slide-in-left-right > .ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slide-in-left-right.ng-leave, .slide-in-left-right > .ng-leave {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms; }
/* animation end */

May be ionic team can add this animation to framework and we could chose whitch to use?

May be )
But it simple to rewrite the animation )
All you need is add this strings in your css file.
Althoght, it s strange, that developers made only one style of animation for modal views.

1 Like

Got another fun one you could use as well

1 Like

Gracias ! :smile: :clap: