Post

When closing a tab, what's the intent? What are we trying to portray? In this case, we're depicting a tab ceasing to exist, disappearing. Let's start from scratch—with a touch of blur, and slight shrinking effect, we can evoke this feeling with the exit animation.

Next, the entry. When you hit the new tab button, it should feel like the tab was _created_. We can do this by starting the tab from the same colour/size/position as the [+] button, and animating it out. Notice the text too—it never stretches, and is revealed instead.

Something felt off in the last demo? It’s because the tabs didn’t animate when closing. Below, notice how they slide back to position, instead of popping into place. And the [+] button always sticks to the final tab, moving with it.