I don’t know if you can do exactly the same, but as a start, check this out:
*
{
-webkit-transition: all 0.42s ease;
-khtml-transition: all 0.42s ease;
-moz-transition: all 0.42s ease;
-ms-transition: all 0.42s ease;
-o-transition: all 0.42s ease;
transition: all 0.42s ease;
}
#default, #screen1, #screen2, #screen3, #screen4
{
position: absolute;
width: 100%;
height: 100%;
overflow-y: scroll;
}
#default:target, #screen1:target, #screen2:target, #screen3:target, #screen4:target
{
left: 0;
top: 0;
}
/*
Place screen1-4 somewhere out of the rendering area using the left and top properties.
*/
Use + and ~ selectors to update your positioning depending on which screen is currently displayed.
(Didn’t test this, but should work. I also don’t know about browser support for these techniques.)
