Cislunar comes with several beautiful parallax scrolling effect with some predefined options, however there are lots of options to play with, check them out here .
Add .full-width-parallax class to make a parallax full width parallax and add data-bleed="100" to smooth the transition effect effect.
NOTE: Remember to hide the overflow of the image using upper and below sections background color.
It has a black overlay as default, in case you want to remove it, add .cl-no-bg class to the parallax.
This paragraph has a background color which hides the upper overflow of parallax caused by data-bleed.
Some Content Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacus justo, lobortis nec eros sed, consectetur venenatis risus. Nam efficitur vestibulum pulvinar.
This paragraph has a background color which hides the lower overflow of parallax caused by data-bleed.
Add .cl-side-parallax class with/inner .col-*-* to make a parallax side parallax and add data-bleed="100" to smooth the transition effect effect.
NOTE: Remember to hide the overflow of the image using upper and below sections background color.
This paragraph has a background color which hides the upper overflow of parallax caused by data-bleed.
Some Content Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacus justo, lobortis nec eros sed, consectetur venenatis risus. Nam efficitur vestibulum pulvinar.
This paragraph has a background color which hides the lower overflow of parallax caused by data-bleed.