Hover Settings

This page demonstrates the Hover Settings available in Divi Carousel. These hover effects add visual feedback and interactive animations to carousel items, creating a more engaging experience for website visitors.

Slide Hover Effects

These examples showcase the available slide hover effects, including Grow, Shrink, Bounce, Pulse, Wobble, and more. Each effect can be customized with settings such as animation duration and animation speed curve to achieve the desired interaction style. By default, the animation duration is set to "500ms" and the animation speed curve is set to "Ease In Out".

Grow:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Shrink:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Bounce:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Pulse:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Bob:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Push Up:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Push Down:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Vertical Wobble:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Horizontal Wobble:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Fade:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Grayscale:

Back

Slide One

The experience feels more natural when tools behave the way you expect, and that is what these plugins try to achieve in everyday use.

Slide Two

These tools are designed to feel simple while still offering useful features, so you can focus more on building your site instead of fixing small issues.

Slide Three

You can easily experiment with layouts and settings, giving you more freedom to create designs that feel right for your project and your client needs.

Slide Four

Sometimes small improvements make a big difference, and these plugins aim to solve common problems that many Divi users deal with daily.

Slide Five

The goal is to keep things flexible and practical, so you can adjust features as needed without feeling limited by default Divi options.

Slide Six

This demo gives a quick overview, but it also shows how these tools can fit into real projects and improve the way you build with Divi.

Example 1: Blurb Module

This example uses the "Shrink" hover effect. The animation duration is increased to "1000ms", and the animation speed curve is changed to "Linear" to create a slower and more consistent hover animation.

Back

Real Use Cases

Each feature is based on real problems, making it easier to solve common issues and improve how you build websites every day.

Clean Experience

The plugins are designed to feel natural inside Divi, so everything works smoothly without changing your usual way of working.

Practical Features

Every option is added with purpose, helping you get things done without overwhelming you with too many unnecessary settings.

Consistent Results

The tools help maintain consistency across your site, especially when working with multiple pages and responsive layouts.

Everyday Use

These plugins are built for daily use, making small tasks easier and helping you stay focused on building better websites.

Example 2: Video Module

This example applies the "Greyscale" hover effect with a greyscale amount of "70%". The animation speed curve is set to
"Ease In" to create a smooth transition when hovering over the slide.

Back