:host(.slide-from-bottom) ::content > * { -webkit-transition: -webkit-transform {{g.transitions.slideDuration || g.transitions.duration}} cubic-bezier(0.4, 0, 0.2, 1); transition: transform {{g.transitions.slideDuration || g.transitions.duration}} cubic-bezier(0.4, 0, 0.2, 1); } :host(.slide-from-bottom) ::content > .core-selected ~ [animate]:not(.core-selected) { -webkit-transform: translateY(100%); } :host(.slide-from-bottom) ::content > [animate]:not(.core-selected) { -webkit-transform: translateY(-100%); } :host(.slide-from-bottom) ::content > .core-selected { -webkit-transform: none; }