site8

A Hot New Trend in Web Design: Vertical Parallax Scrolling + Examples

Creating a sense of depth in web design is quickly becoming a hot trend this year. This effect uses layers to display the illusion of 3D effects and movements within a website. Below are a few awesome tutorials that go step-by-step to show you how to re-create this effect yourself, plus some kick-ass examples:

- Create a Funky Parallax Effect using jQuery
- jQuery and CSS single page portfolio, a vertical parallax navigation experiment
- Scrolling Parallax: A jQuery Plugin

parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax
parallax scrolling in web design vertical parallax

11 Comments

  1. Hey, just wanted to submit our new website to the mix…

  2. Very nice designs…..

  3. Denes

    Wow,
    good collection, great inspiration.
    Check this dynamic 3D cloudy sky parallax webpage: http://bit.ly/vWDYlK

  4. leo

    awsome examples!
    i was searching for references to improve this one
    http://www.ctbc.com.br/section.do?CodSec=15666

  5. Great roundup Janna, and thanks for the tutorial links!

  6. Nice selection. I can’t believe I hadn’t seen the Beercamp site, thats brilliant! Especially seeing as all the type is real.

  7. Hey, thanks for including my post (the rocket ship one) in this list!

  8. Anyone notice if you keep scrolling on the beer camp site you get the inception spinning top?

Trackbacks for this post

  1. Robert Abramski » Design is Fashion

Leave a Reply