Skip to content

tmeasday/iron-transitioner

Repository files navigation

NOTE: to use IT with 0.8.0, try the blaze branch of percolatestudio/iron-transitioner. YMMV

To use, simply place

  {{> transitionerPanes}}

in your master layout.

Notes:

  1. Each page will be rendered within it's own layout.
  2. The transitioner will skip between the left and right panes.
  3. Here's some minimal CSS to get it going (you'll probably want significantly more than this):
.transitioner-panes, .current-page, .next-page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms ease-in;
}

.next-page {
  -webkit-transform: translate3d(100%, 0, 0);
}

.transitioner-panes.transitioning {
  -webkit-transform: translate3d(-100%, 0, 0);
}

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published