🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Amazing animated color bars parallax effect on black & white image while page scrolling.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.

Animation Core Java Script

Documentation

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

You May Also Like