Page 20 of 24
Parallax
To create a parallax effect on an image, use the [parallax_image]
shortcode.
markup
[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]
To create the parallax effect on an element, use the [parallax]
shortcode. To learn more about all the options attribute, see this table
markup
[parallax options="opacity: '1,0', y: '-50'"]your elements here[/parallax]
Title here
Sub title goes here
markup
[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]