Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

CSS Transition Flickering Patch #4129

Closed
wants to merge 2 commits into
from
Jump to file or symbol
Failed to load files and symbols.
+10 −9
Split
@@ -12,6 +12,7 @@
-webkit-animation-name: slideouttoleft;
-moz-transform: translateX(-100%);
-moz-animation-name: slideouttoleft;
+ overflow: hidden;
}
.slide.in {
@@ -1,18 +1,18 @@
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(-100%); }
+ from { width: 100%; }
+ to { width: 0; }
}
@-moz-keyframes slideouttoleft {
- from { -moz-transform: translateX(0); }
- to { -moz-transform: translateX(-100%); }
+ from { -moz-transform: translate3d(0,0,0); }
+ to { -moz-transform: translate3d(-100%,0,0); }
}
@-webkit-keyframes slideouttoright {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(100%); }
+ from { -webkit-transform: translate3d(0,0,0); }
+ to { -webkit-transform: translate3d(100%,0,0); }
}
@-moz-keyframes slideouttoright {
- from { -moz-transform: translateX(0); }
- to { -moz-transform: translateX(100%); }
-}
+ from { -moz-transform: translate3d(0,0,0); }
+ to { -moz-transform: translate3d(100%,0,0); }
+}