Skip to content

Instantly share code, notes, and snippets.

@ephbaum

ephbaum/translate3dPageTransitions.css

Last active August 29, 2015 14:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ephbaum/e36e19d72af28c887131 to your computer and use it in GitHub Desktop.
Save ephbaum/e36e19d72af28c887131 to your computer and use it in GitHub Desktop.
Download ZIP
use 3d page transitions for mobile ui
Raw
translate3dPageTransitions.css
.page {
position: absolute;top: 0;left: 0;width: 100%;height: 100%;
transform: translate3d(0, 0, 0);
}
.left {
transform: translate3d(-100%, 0, 0);
}
.center {
transform: translate3d(0, 0, 0);
}
.right {
transform: translate3d(100%, 0, 0);
}
.transition {
transition-duration: .25s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment