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.

Header Builder

In Porto 6.0, templates builder is newly added to create and modify the whole site including header dynamically using page builders. You can build the header dynamically in any layout using templates builder. After you create header, you need to set display condition where you want to display and select “Header Builder in Porto Templates builder” in Porto -> Theme Options -> Header -> Header Type -> Select Header to display it.
header

Footer Builder

In Porto 6.0, templates builder is newly added to create and modify the whole site including footer dynamically using page builders. With Porto footer builder, You can build the footer dynamically in any layout. After you create footer, you need to set display condition where you want to display and select “Footer Builder in Porto Templates builder” in Porto. And you are now limited more by your imagination than anything else.
footer

Build your website with Porto

Purchase now. Only $59!

Porto theme has been available on ThemeForest since 2015 and is one of the top sellers with more than 80K+ sales.
Super High Performance
Strict Coding Standards
Free Lifetime Updates