simple parallax

Elementor Simple Parallax Effect Widget

Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images. This is not a background parallax experience, it applies parallax to image tags. You can now easily build many pages of your dreams. You can create images that move in any direction with a single click and enrich them with animations. Also check background parallax

Widget Features and Options

Simple Parallax Effect Widget for Elementor
01

Type #1 : Images moving up and down

In this area, the overflow hidden feature is given to the Elementor section widget, you can create more creative sections with as many pictures as you want.

Up and down

Elementories WordPress Addon
Elementories WordPress Addon
02

Type #2 : Images moving left and right

In this area, the overflow hidden feature is given to the Elementor image widget, you can create images that move in their area.

Left and Right

Elementories WordPress Addon
Elementories WordPress Addon
03

Type #3 : Images moving up-left and up-right

You can use these settings to use cross movements, ideal for creating different creative spaces.

UpLeft - UpRight

scotland_1920
landscape_1920
04

Type #4 : Using with articles

Here are a few examples to make long articles more creative and attractive using the overflow feature.

Main objective

I wanted to be able to add parallax effects without any change on HTML or CSS. The reason being I already had a website almost finished, and I didn’t see myself changing all my <img> tags to <div> with background-image.

This was the main thread of this library, I wanted to have a very simple way to apply parallax on any website already on production without any rework. And as a bonus, a very smooth and natural animation feeling — the effect should only give a plus and not cost anything else.

Elementor Seo Marketing Page Template

1st Issue: How not to break the layout?

The first concern was to manage the transition of the image without breaking the layout. Usual parallax effects are located in a very specific area created for that purpose only, the main thread of this case is the opposite.

Parallax should be easily added anywhere there is an image, even if its located between two text blocs. And you don’t want the image to be transitioned anywhere on the website and potentially overlap with content.

Elementor Seo Marketing Page Template
X