Shortcodes - Parallax

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]

Address

EURALIUS V
Ministry of Justice,
Zogu I Boulevard,
Tirana, Albania

+355 4 2240 333
+355 68 8046 000
info@euralius.eu

Recent Posts

This website was created and maintained with the financial support of the European Union. Its contents are the sole responsibility of implementing partners and do not necessarily reflect the views of the European Union' 

Copyright © Euralius V - Powered by 2LWEB.AL

Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Read more
euralius.eu