parallax_color_bars

parallaxColorBars

Demo

https://lemehovskiy.github.io/parallaxColorBars/demo

Package Managers

# NPM 
npm install parallax_color_bars

Data Attribute Settings

In parallaxColorBars you can now add settings using the data-parallax-color-bar attribute. You still need to call $(element).parallaxColorBars() to initialize parallaxColorBars on the element.

Example:

<div data-parallax-color-bar='{"left": 70, "top": 20, "width": 15, "height": 60, "shift": 300, "duration": 2}'></div>

Settings

Option	Type	Default
top	int	50
left	int	50
width	int	10
height	int	20
shift	int	10
duration	int	1.5

Browser support

• Chrome
• Firefox
• Opera
• IE10/11

Dependencies

• jQuery 1.7
• Gsap