e-addons

Share

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on telegram
Share on skype
Share on email
ic Creative bwe-Creative

Parallax movement

The Parallax widget, based on the famous “parallax.js” library, allows us to create a group of images and manage their movement based on different coefficients with respect to the position of the mouse on desktop or device-orientation on mobile.

This is a highly creative e-addons widget that will allow us to build interactive, engaging, unexpected situations.

Coming Soon

Animate the images of your site with fantastic Parallax effects.

Parallax

Widget

Groups of images moving with each other and with respect to the cursor

Items

Global
Depth Factor

Single
Depth Factor

Relative / Absolute

Hover Only

gyroscope
Device orientation

Calibrate

Invert

Limit

Scale

Factor

Origin

rellax items extended

Parallax movement

From the Parallax panel we add the images.
These may have a displacement coefficient, higher is the value, then larger the displacement will be.

Available options:

  • Image
  • Depth Factor

Parallax Options

The important options that defie the action of the scene.

OPTIONS

Relative o absolute input:
It is the point of origin (zero) from which the displacements are calculated.
HoverOnly:
Makes it active only while the cursor is over the scene element.
Invert X/Y:
Reverses the movement of the layers with respect to the input

VALUES

Limit X/Y:
Limits the movement of elements on their respective axis.
Scalar X/Y:
Multiply the input motion by this value, increasing or decreasing the speed and range of the motion.

parallax Creative

DEMO

Depth Factor

layer1
layer2
layer3

Let me know when it's available

By entering your email, you agree to our Privacy Policy.