- This topic is empty.
April 9, 2012 at 6:34 am #37560
Hi to all,
First of all, I want to say that i am very glad to be on this forum.
I’m looking the css3 solution for this project
All effects I want to repeat with css3. The basic problem – how to organize a smooth moving between screens when clicking on the menu.
I know about jquery solution, but it is very rude.
thanks!April 9, 2012 at 7:55 am #100888schemeMember
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
#default:target, #screen1:target, #screen2:target, #screen3:target, #screen4:target
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.)April 9, 2012 at 8:06 am #100889
good start. i’ll try it todayApril 9, 2012 at 8:12 am #100897
You might want to also check out zoomooz.April 9, 2012 at 9:10 am #100900
cool! thanks!April 12, 2012 at 8:11 am #101070
This is what i’ve done:
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)
..lost in the code,
thanks for your helpingApril 12, 2012 at 12:27 pm #101077
pleeease ^_^April 12, 2012 at 6:15 pm #101094
anybody?April 13, 2012 at 4:35 am #101109
guys?April 13, 2012 at 6:47 am #101141
hm. is this spam? I do not understand what i need to look at :/April 13, 2012 at 2:36 pm #101135
I’ve been looking at it… just no simple solution. Did you try any of those plugins?April 14, 2012 at 4:55 am #101157
client doesn’t want Jquery or any scripts.
we need pure cssApril 15, 2012 at 5:58 pm #101211
no solution?April 15, 2012 at 6:55 pm #101213
I don’t mean to sound rude, but if you’re in that much of a hurry. Try StackOverflow.com or maybe pay someone to do the work for you.
Does the client know that sometimes scripting is necessary?
I attempted to make this work, on Friday, but I tried to enjoy my weekend and work on projects that I enjoyed doing… I didn’t get a chance to look at this one.April 19, 2012 at 9:26 am #101450
i don’t find any help here :(
- The forum ‘CSS’ is closed to new topics and replies.