layers – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Wed, 30 Jun 2021 09:45:06 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Element: Parallax Layers https://xtratheme.com/docs/page-builder/element-parallax-layers/ https://xtratheme.com/docs/page-builder/element-parallax-layers/#respond Mon, 17 Jun 2024 08:45:02 +0000 https://xtratheme.com/docs/?p=1548

Video Tutorial

Description and Screenshot

Step 1

Make layers moving with scroll and mouse movements. All layers have different settings for parallax and styling. You can control positions and speeds.

Parallax_layers
  • Container Styling – Overall container styling of all layers
  • Extra class – If you want to add custom CSS, then add your custom class
  • Layers – Add layers with your own images
  • Image – Upload your own image for this layer
  • Position – Position of this layer, Its according to left and top of parent container
  • Item styling – Image or layer styling background, size, radius, shadow, etc.
  • Parallax – You can make this element moveable on scrolling or mouse moves
  • Parallax speed – Element parallax move speed on scrolling
  • Mouse speed – Element move speed on mouse moves
  • CSS Animation – Show element on page loads with custom animation effect
  • Animation Delay – You can set animation delay time in miliseconds
]]>
https://xtratheme.com/docs/page-builder/element-parallax-layers/feed/ 0