Flip Effect for Photos inside of Divi

After

Purpose of effect is to make images flip along with backcolor shown inside link below

Flip animation section

Step By Step Guide

Image hover Effect for images Below

 Step 1. Enable the visual builder

Step 2. Select Supreme Flipbox

Step 3. Go into Supreme Flipbox and add a new item

Step 4. Place in Text and subtitle if you want

Content will be provided below

You Can add button if need be

Note – to add a button go to button add text and to have a button appear you need a link and button to take shape need to add # inside section.

Adding a background and image

Step 5. Next go to background and add a color and add image if you like.

Step 6. Inside Background go to blend and choose color effect you would like to use.

Under Image and Icon scroll down till you reach blend once there you can blend in color with background image.  – around 3:29 of video

Step 7. Go to text and place text inside and place text inside of the middle.

Step 8. Go to content and duplicate slide and wok on the flip side, rename the item slide 2

Inside Slide 2 – go inside Background and change the color from purple to blue.

Step 9. Click inside Suprime Flip module > Go to  Design > Animation

Step 10. Inside Animation go to Animation Speed and begin adjusting speed properly to item presented. You can also choose which type of animation you would like to use.

Website Edits