Grow your CSS skills. Land your dream job.

Playing to Make an Slider

  • # September 18, 2011 at 10:13 pm

    Well, trying to make something like this:

    http://imac.com

    will be amazing .

    we know … apple is using css3 transition and transform-translate() to make this easy.

    but with my knowledge the only thing I can achieve so far is

    http://jsfiddle.net/sEejh/

    Using Cycle as Base , and the same transition-transform job.

    What do you think?

    I would like to know why apple did not use


    @-webkit-keyframes moving {
    from { right: -99em;opacity:0; }
    to { right:0em;opacity:1.0; }
    }

    @-moz-keyframes moving {
    from { right: -99em;opacity:0; }
    to { right:0em;opacity:1.0; }
    }

    well hope somebody can help me on this …

    # September 19, 2011 at 11:53 am

    if you wanted to use jquery to do this, check out jqueryfordesigners, check his tutorial videos, i think theres one about recreating a slider like that :)

    # September 19, 2011 at 10:09 pm

    Hey hi @jimmycss , thanks for the link, but jqueryfordesigners has not what I’m searching for , I think is a little bit complex than the tutorials of jqueryfordesigners show…

    any way thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".