Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS need a solution

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #37560
    arny
    Participant

    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.
    please, help

    thanks!

    #100888
    scheme
    Member

    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.)

    #100889
    arny
    Participant

    ok, thanks!
    good start. i’ll try it today

    #100897
    Mottie
    Member

    Check out jmpress.js and impress.js (with a builder). Both combine javascript with css3 animation to provide something that I think is even better than that flash demo you shared.

    You might want to also check out zoomooz.

    #100900
    arny
    Participant

    cool! thanks!

    #101070
    arny
    Participant

    hello again
    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 helping

    #101077
    arny
    Participant

    pleeease ^_^

    #101094
    arny
    Participant

    anybody?

    #101109
    arny
    Participant

    guys?

    #101141
    arny
    Participant

    hm. is this spam? I do not understand what i need to look at :/

    #101135
    Mottie
    Member

    I’ve been looking at it… just no simple solution. Did you try any of those plugins?

    #101157
    arny
    Participant

    hi,
    client doesn’t want Jquery or any scripts.
    we need pure css

    #101211
    arny
    Participant

    no solution?

    #101213
    Mottie
    Member

    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.

    #101450
    arny
    Participant

    i don’t find any help here :(

Viewing 15 posts - 1 through 15 (of 17 total)
  • The forum ‘CSS’ is closed to new topics and replies.