Treehouse: Grow your CSS skills. Land your dream job.

How to load website Apple style

  • # March 10, 2012 at 1:47 pm

    Hey guys
    Have you seen the effect in the apple website, when the first thing that loads is the cover image and then after a few seconds it loads all the other elements with a fade effect.
    How can I do that?

    # March 10, 2012 at 2:41 pm

    I would use some script timeouts:


    The first value would be the function, in which you could use jQuery to fade in. The second value is how long the delay is in milliseconds (seconds times 1000).

    Alternatively, you could use CSS3 animation, but the first option is more cross-browser.

    # April 7, 2012 at 11:05 am

    Hey man that was exactly what I was looking for thanks

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

You must be logged in to reply to this topic.