diff --git a/transitions/slide-from-bottom.html b/transitions/slide-from-bottom.html new file mode 100644 index 0000000..dba7a9a --- /dev/null +++ b/transitions/slide-from-bottom.html @@ -0,0 +1,31 @@ + + + + + + :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; + } + + + diff --git a/transitions/slide-from-right.html b/transitions/slide-from-right.html index 382ebea..08cee4e 100644 --- a/transitions/slide-from-right.html +++ b/transitions/slide-from-right.html @@ -23,7 +23,6 @@ -webkit-transform: translateX(-100%); } - polyfill-next-selector { content: ':host > .core-selected'; } :host(.slide-from-right) ::content > .core-selected { -webkit-transform: none; }