parallaxColorBars
Demo
https://lemehovskiy.github.io/parallaxColorBars/demo
Package Managers
# NPM npm install parallax_color_barsData 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
