Wednesday, May 2, 2012

May Tools, articles, and lessons learned to create the effect of parallax

Today we would like to present you some resources to help you achieve the effect of parallax. Here you will find plugins JQuery, articles and lessons. If you know any good sources on this topic, please do not hesitate to share with us.Examples of the use of the parallax effect can be seen here .
JQuery Plugins

jQuery Image Slider Parallax -jQuery plugin for creating sliding image with the effect of parallax.

jQuery Image Slider Parallax

See Example | Download

Image Parallax jquery -plugin for transparent images (PNG, GIF), which creates the effect of depth of repeating them, and animating movement.

Image Parallax jquery

Download

Scrolling Parallax: A jQuery Plugin -new plug-in that creates a parallax effect when scrolling the mouse wheel.

Scrolling Parallax: A jQuery Plugin

See Example | Download

Scrollorama - jQuery-plugin to create a beautiful scrolling material.

Scrollorama

Download

Scrolldeck -jQuery-plugin for single-site presentations.

Scrolldeck

See Example | Download

jParallax -layers are moved depending on the movement of the mouse.

jParallax

See Example | Download

Stellar.js -plugin adds the effect of parallax scrolling for each element.

Stellar.js

See Example | Download

jQuery Scroll Path -plugin allows you to move objects in the specified path.

jQuery Scroll Path

See Example | Download

Curtain.js -this plugin allows you to create a page with several fixed panels that create a stunning effect as if the curtains are opened.

Curtain.js

Download

Plax -creates the parallax effect when you move the mouse to the elements, it is very easy to use.

Plax

See Example | Download
Articles and Lessons

Slider with a parallax effect with jQuery

Slider with a parallax effect with jQuery

See an example

Create a framework for the story to the effect of parallax

Create a framework for the story to the effect of parallax

See Example | Results here

Create a parallax effect using jQuery - Animated header

In this lesson we will learn how to create a parallax effect using jQuery to make the animation for the banner that you will use for your site.

Create a parallax effect using jQuery - Animated header

See an example

Create a catchy background with a parallax effect using jQuery

In this lesson we will learn to create using JQuery site with horizontal scrolling with the effect of parallax.

Create a catchy background with a parallax effect using jQuery

See an example

Create a website with the effect of parallax scrolling with jQuery and CSS

Create a website with the effect of parallax scrolling with jQuery and CSS

See an example

3D parallax effect

3D parallax effect

No comments:

Post a Comment