Parallax Effect using Css

19 September 2016 Chetan Technology (2)

Parallax scrolling is a web site trend where the background content (i.e. an image) is moved at a different speed than the foreground content while scrolling. Click on the links below to see the difference between a website with and without parallax scrolling.

Website with Parallex Effect

Website without parallax effect

 

Look At some great sites with parallax
http://www.awwwards.com/30-great-websites-with-parallax-scrolling.html

Some Code Stuff(Please Visit Below Link)
http://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_parallax_percent

Stay Connected for more updates regarding parallax.

Comments (2) -

  • Krunal K. Doshi

    9/24/2016 6:13:54 PM |

    Good article to start blogging, keep going..
    Few questions:
    #1. Is Parallax possible for horizontal scrolling as we see in few websites these days?
    #2. Can Parallax Page be Responsive?

  • Chetan

    9/27/2016 5:29:00 PM |

    #1. Yes for horizontal scrolling too we can use parallax.
        --Sites with horizontal scrolling:- http://theperfectjodi.com/
    #2. Parallax page can be responsive

Comments are closed