Transitions for content changes (ie. Tab content)

[robertmesserle]

When clicking through tabbed content, there are transitions for which tab is selected:
the inkbar slides and the clicked tab ripples.

No transitions are provided, however, for the changing tab content. While this can be added by the user, a default transition should be provided out-of-the-box... but only for tabs with 'managed' content (aka internal content).

External content is not managed by the the <md-tabs/> directive(s).

[ThomasBurleson]

This could be easily solved using a role-based CSS selector for the tabPanel:

[role="tabpanel"] {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
    position: absolute; 
}
[role="tabpanel"].ng-enter, [role="tabpanel"].ng-leave.ng-leave-active  {

}

If developers do not want an tab content transition, then a role-based override is easy:

[role="tabpanel"] {
    transition: none;
}

[marcysutton]

👍 👍 👍

[ThomasBurleson]

Related to (will fix) #717