Skip to content

Instantly share code, notes, and snippets.

@alatzl
Last active December 30, 2015 22:08
Show Gist options
  • Save alatzl/7891782 to your computer and use it in GitHub Desktop.
Save alatzl/7891782 to your computer and use it in GitHub Desktop.
Adding hardware-accelerated slide transitions.
.nav-drawer, .inner-wrap {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: transform 400ms ease
-moz-transition: transform 400ms ease
-o-transition: transform 400ms ease
transition: transform 400ms ease;
}
.nav-open .nav-drawer, .nav-open .inner-wrap {
-webkit-transform: translate3d(83%,0,0);
-moz-transform: translate3d(83%,0,0);
-ms-transform: translate3d(83%,0,0);
-o-transform: translate3d(83%,0,0);
transform: translate3d(83%,0,0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment