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;
}