From a design perspective, I love the idea of using transitions to help users orientate themselves but this sometimes lends itself toward activating a transition depending on where you have come from not what page you are on…
For example, take a page like this one http://practicaltypography.com/summary-of-key-rules.html with buttons at the bottom heading left (back) or forward (onward) transitions could reinforce the effect of moving through pages organised ‘like a book’. When you click next > the page could come in from the right BUT you would want the < previous button to come in from the left.
In other words, the same page displays differently depending on what button you press. Is that possible, or is it assumed that transitions are only applied to objects?
Sorry for my ignorance I am looking forward to mastering this!
You do see this effect a lot on sites, although I’ve only seen it done when all of the content is actually on the one same page. So when you click a left/right arrow, a new page appears to slide in … though it is really just another part of the same page that was hidden. I’m not sure if it can be done from one page to another, but I couldn’t find any solutions online.
I wouldn’t imagine this would be too difficult actually.
One way is:
The full effect should seem like an animation of the page sliding along. Sure you won’t see both pages on the page at the same time, one will wipe away and then the other will appear. You can get around this but it is more complicated. It would be too much work to explain in a casual post.
Many thanks, both, for your thoughts. It would be nice to see both pages on the same page wouldn’t it? Smooth. Especially as that’s the expectation from a non-technical point of view. I will let you know if I work it out.