Floating Effects

Floating Effect Element Image
Floating Effect Element Image
Floating Effect Element Image

PORTO FLOATING EFFECTS

Mouse Parallax & Scroll Animates

Golden Opportunities to decorate your site with Porto!

Mouse Parallax Showcases

Through below showcases, you can deeply understand what the mouse parallax effect is and how to operate following options.


Inverse Mouse Parallax

Floating Effect Element Image
Floating Effect Element Image
Floating Effect Element Image
Floating Effect Element Image

Mouse Parallax Speed

Floating Effect Element Image
Floating Effect Element Image
Floating Effect Element Image
Floating Effect Element Image

Mouse Parallax Approaches

No matter which page builder you use, you can add the mouse parallax effect to any part of your site.


01. Wpbakery

If you are building your site with the Wpbakery page builder, you can use the Animation Element which have been developed in advance to wrap any element and set mouse parallax options.

Floating Effect Element Image

02. Elementor

If you use the Elementor Page Builder, you will notice that every element has Porto Options Tab. So you click that, then you can set mouse parallax options.

Floating Effect Element Image

Scroll Effects Showcases

The scroll effect is another gift for you. Please refer below examples to understand what the scroll effect is.


Vertical Move Effect

Floating Effect Element Page

Horizontal Move Effect

Floating Effect Element Image

Scroll Effects Options

The scroll effect is another gift for you. Please refer below examples to understand what the scroll effect is.


Floating Effect Element Image

Floating Start Pos

This option allows you determine the starting position of your scroll effect.
Floating Effect Element Image

Floating Speed

This option allows you control the speed of scroll effect.
Floating Effect Element Image

Floating Transition

This option allows you to make your scroll effect has transition style.
Floating Effect Element Image

Floating Vertical

This option allows you to make your scroll effect moves vertically.
Floating Effect Element Image

Floating Horizontal

This option allows you to make your scroll effect moves horizontally.
Floating Effect Element Image

Floating Transition Duration

This option allows you set the transition value of your scroll effect.