[heading size="h2" style="uk-module-title"]Parallax[/heading]

To create a parallax effect on an image, use the [parallax_image] shortcode.

[line_break/] [badge style="note"]markup[/badge] [code] [parallax_image img="images/background/bg-image-1.jpg" height="350" style="uk-text-center uk-contrast uk-flex uk-flex-middle uk-flex-center" options="bg: '-200'"] your elements here [/parallax_image] [/code] [line_break/]

To create the parallax effect on an element, use the [parallax] shortcode. To learn more about all the options attribute, see this table [line_break/] [badge style="note"]markup[/badge] [code] [parallax options="opacity: '1,0', y: '-50'"]your elements here[/parallax] [/code] [line_break/] [parallax_image img="images/background/bg-image-1.jpg" height="350" style="uk-text-center uk-contrast uk-flex uk-flex-middle uk-flex-center" options="bg: '-200'"] [parallax options="opacity: '0,1', scale: '0.75,1', viewport: '0.5'"] [heading size="h1" style="uk-module-title-alt uk-margin-top"]Title here[/heading] [heading size="h3" style="uk-sub-title"]Sub title goes here[/heading] [/parallax] [/parallax_image] [line_break/] [badge style="note"]markup[/badge] [code] [parallax_image img="images/background/bg-image-1.jpg" height="350" style="uk-text-center uk-contrast uk-flex uk-flex-middle uk-flex-center" options="bg: '-200'"] [parallax options="opacity: '0,1', scale: '0.75,1', viewport: '0.5'"] [heading size="h1" style="uk-module-title-alt uk-margin-top"]Title here[/heading] [heading size="h3" style="uk-sub-title"]Sub title goes here[/heading] [/parallax] [/parallax_image] [/code] [line_break/]