Home

Homepage

Examples

Layout examples

Freebies

Free downloads

Pricing

Pricing plans

Tutorials

Tutorials & Tools

Contact Us

Questions, concerns or comments?

My Account

View member dashboard

Cart

View your cart

WELCOME TO DIVIMOBIFIRST

DIVI COMPLETE LAYOUT SCHEME

HEADERS AND FOOTERS

SECTION LAYOUT

IMAGE LAYOUTS

PRICE TABLES

PRODUCT LAYOUTS

TAB LAYOUTS

SLIDERS







































PRICING

Monthly, Yearly or Lifetime

View Pricing Table

Plugin Tutorial

Guide on How to Use Plugin

jQuery Script Generator

jQuery structure and syntax generator

Adaptive CSS Gallery Layout for Divi

Picture Gallery Using CSS Grid

Interactive Image Flip Cards

Create Image Flip Cards

Floating Modules

How to Create a Floating Module?

Zoom in Effect

How to Add Zoom Effect To Images?

CONTACT US

Questions, concerns and comments

Send us a message

YOUR CART

2

Back to top

How to Add Zoom Effect To Images?

How to Add Zoom Effect To Images?

Zoom in EffectCreate you own hover zoom effect To add a Hover Zoom-In effect to a Divi image module, there are two steps to apply. First of all, add an additional CSS class name to the module, for example: zoom-in   Next, add the following code to the Custom CSS...
How to Create a Floating Module?

How to Create a Floating Module?

Add the following code to your Custom CSS within your WordPress admin area: Divi >> Options. .object { animation: MoveUpDown 5s linear infinite; position: relative; left: 0; bottom: 0; } @keyframes MoveUpDown { 0%, 100% { bottom: 0px; } 50% { bottom: 20px; } }...