Liquid Hover Effect for Divi Button Module

Liquid Hover Effect for Divi Button Module

Using canvas and JavaScript you can achieve really awesome effects. Recently I’ve come across this cool liquid hover effect and I tried to apply it to Divi button module. It might look like too much code for a single button, but it is experimental and I just...
Animated Border Effect for Divi Button Module

Animated Border Effect for Divi Button Module

In this tutorial we will apply a nice animated border effect to Divi Button module on hover state, see the demo below. Demo: HOVER ME! Let’s implement it step by step. Step 1: Apply button module advanced design settings Step 2: Add the animated_border CSS class...
Position Aware Hover Effect for Divi Button

Position Aware Hover Effect for Divi Button

In this tutorial we are going to implement a position aware hover effect to Divi button module which takes effect depending on the position of coursor when hovering over the button. Hover over the demo button below from different sides to understand what I mean. Demo:...
Add a Shiny Hover Effect to Divi Button

Add a Shiny Hover Effect to Divi Button

In this tutorial I’ll show you how to implement a cool shiny hover effect to Divi button module. Hover over the demo button below to see this effect in action. Demo: Shiny Button To achieve this effect you’ll need to apply the following advanced design...
Apply the Blip Effect To Divi Button Module

Apply the Blip Effect To Divi Button Module

In this tutorial we are going to implement a nice “blip” effect to Divi button module which might help you draw your readers’ attention to the CTA button on your site. I am providing three different code snippets for the same effect but for different...
17 Line Hover Effects for Divi Button Module

17 Line Hover Effects for Divi Button Module

In this post I would like to share with you the code snippets for 17 line hover effects for Divi Button Module. These effects were suggested by Thomas Aufresne in his pen on codepen.io and I decided to implement them for Divi buttons too(why not?), see the demo below....
Material Click Effect for Divi Button Module

Material Click Effect for Divi Button Module

In this post I’d like to share a code snippet for applying a nice material click effect to Divi Button module. It consits of CSS and JS parts, check out the demo and follow the easy steps below for implementation of this effect in your project. Demo: Click Me...

Pin It on Pinterest

Shares