I hope you have enjoyed my previous article about 3D Parallax effected webpage. Now, like previous year, on occasion of Christmas and winter Holidays, I thought to wish this festival by create a wonderful webpage greetings too. So, today I had created this Christmas greeting card using 3D Parallax effect with help of CSS3 and JavaScript. I hope you all will enjoy this holiday and my web-card too 🙂 .


Introduction – What is Parallax?

Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines. Parallax scrolling is a special scrolling technique in computer graphics, wherein background images move by the camera slower than foreground images, creating an illusion of depth in a 2D video game and adding to the immersion. The technique grew out of the multiplane camera technique used in traditional animation since the 1930s, and was popularized among video games in the 1982 arcade game Moon Patrol. The parallax effect with regard to interfaces has been around since the 1980′s when it was first used in video game titles and subsequently in games themselves. More recently it started to make an appearance in web interfaces – you’ll be familiar with silverbackapp which used the effect as part of the header.

When combined with the scrolling functionality of a website, parallax scrolling effects can have a strong visual impact, especially when combined with some form of story which takes you on a journey. You can also view a 3D Nature background scenery with this awesome plugin.


I have created a JavaScript plugin for this parallax effect. Plugin writes HTML,  its attributes with CSS animation effect in background. As I have already mentioned that, I am still working on this plugin & will update in next post..

view demo


Chrome, Firefox, Safari, Mobile Safari, IE8+.

I have already tested Parallaxfx_DG plugin  and it works flawlessly in the latest versions of Chrome, Firefox, Safari, Mobile Safari, and even IE8+.


Happy Holidays & Merry Christmas…!!

I hope you like the result and don’t hesitate to share your thoughts about it. Thanks for reading!

Posted by: Dhiraj kumar

You can support this website by sharing. Thank you!