Create Divi CTA Sections Expanding On Scroll Using The Intersection Observer API
In this tutorial we’ll learn how to create Divi CTA sections expanding on scroll using the Intersection Observer API.
Create The Smooth Submenus Effect For Divi Desktop Menu
In this tutorial we’ll be creating the smooth submenus hover effect for Divi desktop menu submenus.
Mirror Hover Effect For Divi Dropdown Menu Items
In this post I would like to show you how to implement a mirror-like hover effect for Divi dropdown menu items. This effect will work for desktop menu only(since hover effects do not make sense on mobile) and we are going to use CSS only.
Content Push Effect For Divi Fullscreen Menu
In this post I am going to show how to implement a content push effect for Divi Fullscreen menu which looks awesome both on desktop and mobile screens. This effect changes the default fade effect of Fullscreen menu making it slide in from the left-hand side of the...
5 CSS Effects For Divi Fullscreen Menu
By default the Divi Fullscreen menu fades in and fades out when opening and closing it and the menu items appear with a small transition delay applied to each of the items so that they show up one after another. This is the standart behaviour and currently there are...
Apply Layered Hover Effect To Divi Person Module
It has been quite a while since I last shared CSS snippets on my blog, so I thought it is time to do it again today. In this quick 2-step tutorial I will show how to implement a nice layered hover effect for Divi Person Module. Demo John Doe Lead Developer Lorem ipsum...
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 Grid Background Effect for Divi Fullwidth Header Module
This is the second tutorial of my animated background effects series, the previous one got a very good response from the Divi community and I am really greatful for that. In this tutorial I will show how to implement the animated grid background…
Particle Trails Background Effect for Divi Fullwidth Header Module
If you use the Fullwidth Header module with fullscreen feature enabled and would like to apply a nice animated effect to its background then this tutorial might be what you are looking for. In this post I am suggesting a particle trails background…
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...
