I’m glad you’ve got this down, but just wanted to comment–
jQuery is the better way to go since it has more browser support. If you base your site on CSS3 animations, unless you have some special browser detecting abilities, your site will FAIL in browsers without support, like IE6.
I’ve made a big screen (.window) and placed inside it small screens (my pages)
Now, with “position:absotule” & “left,top” i am moving the big screen to the coordinates
The screen is start moving when i am clicking on the menu links (home,about us, etc.) – with :target
And now i’ve been pushed against two problems:
1) My “tranzition” animation is not working (i’m changing “left,top” of the big screen) when i am clicking on the menu links
2) I do not know how to calculate the coordinates of a big screen at different resolutions (i want my page be absolutely in middle of the browser)