Animate 3 FULLPAGE Divs

Good evening friends!

I was playing around with a theme I am building and I decided I wanted to go full nuts and delete it all, starting from scratch again! XD (Thats not the problem)

I would like my new theme to feature a body that contains 3 divs (or sections, if one preferes) that stretch for 100% both height and width, each one of them covering the window fully. Now, that would not be a problem. You just go for the trick

html,body {
    height: 100%;
    margin: 0;
}

.div {
   width: 100%;
   height: 100%;
}

This above would do the trick (for IE8 aswell, think about it XD) but that ain't enought (how would it?!).

Now that I have 3 fullpage divs (that at the moment stretch only on the Y axis, I want those DIVs || Sections to take this position:

[ DIV2 ] [ DIV1 ] [ DIV3 ]

Instead of what it is right now: [ DIV1 ] [ DIV2 ] [ DIV3 ]

Not only that! I want to make the transition between the DIVs || Sections animated in 3d so that the overflow is hidden but you can reach those other divs by clicking a button (or something)

Any help?

Appreciated and love you!