Animated transitions between tabs

I tried all these options and nothing doesn’t work (in real Iphone):

  1. ion-tabs class=“fade-in-not-out” …
  2. ion-tabs class="fad-in …
  3. ion-tabs animation=“fade-in”

all these options works good with browser but not works with Iphone


Can you try this?

<ion-tabs class="tabs-icon-top tabs-positive fade-in-not-out">

yes I tried (this is my first option)

Alright, let me try this on a device. Give me a moment

@mhartington the codepen you posted works, because it’s ionic version 1.0.0-beta.3 there. Unfortunately this doesn’t work with latest version. Do you have any idea how to make it work with latest?

Animations between tabs were removed with the more advanced navigation/transitions.

How do you do them now?

Animations between tabs were removed

Is there a way you could point me to add animations between tabs?


  1. Will this functionality be back?
  2. If so, any idea when?
  3. If not, what’s the recommendation for explaining to a client that we can smoothly animate transitions between completely decoupled states, but we can’t do it with basic tabs?

Wtf dude, for real? Suddenly there’s no more transitions between tabs, and you’re not gonna give any more of an explanation than repeating yourself as though what you said was perfectly sufficient? How about answering the questions ericmroberts has for you?