compatible with visual builder

The New Divi Perky Animate

Whether you’re using it for Call-to-Action, background image animation or just a simple text on your website, Divi Perky Animate has it all and is your All-in-One solution for Divi sites because there’s no limit to your design.

View Features
Watch Introduction

Why use Divi Perky Animate

Packed with tons of features for your Divi sites and provides a comprehensive suite of customizations that helps you easily create dynamic text effects, image hover effects, background hover transitions and more.

j

Text Animation

Create dynamic text effects such as Typing, Rotator, Textillate and TextGIF with just a few clicks. We’ve done the hard part on the Divi backend and now it’s your turn to impress your visitors.

View
b

Hover Content Animation

More than 30 types of animation to choose from. Create beautiful, subtle transitions. Enhance the look and feel of a website and make it easier for visitors to navigate.

View

Overlay

Easily put overlay text over an image or element. Overlay text and Overlay background animation gives your site a cool and interactive effects in a simple and flexible way.

View

Background Image Effects

Create stunning background image with ease. Apply image filters, zooming effect and other effects with just a few clicks. These effects can make your site feel much more dynamic and alive.

View

Revealer Effects

It’s cool for revealing content in a schematic box look. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers content underneath.

View

Cover Image

Ideals for showing a featured image on the top of the element along with some contents. A few hover animation transitions to choose from and now you can make it more obvious and alive.

View

Animations

Over 49 Animations to choose and it is by one of the most popular animation CSS framework. These animations are being applied as you scroll down the page. Apply animation to each elements from title to buttons.

View
W

Tilt Effect

Interactive 3D parallax tilt effects that react to mouse movement when you hover over them. Bring the attention of your visitors easily to your sites. The choice of images should be right to make this effect even stunning.

View

Border Wrapper

Ideals for showing a border within the element to create a unique look. Adjust the border style, color or padding to your own liking and choose over two types of hover animation transitions ‘Zoom In’ or ‘Zoom Out’.

View
Text

Some real example of Text Effect Animation

Using these effects can be really easy. Even without coding background, you can easily start using them with just a few clicks. Ideals for capturing visitors attention.

j

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

j

This is the Rotator|Use it on title

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

j

Textillate Effect

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

j

This is the TextGIF

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Ideals for showing a featured image on the top of the element along with some contents. 6 hover animations to choose from: Zoom In, Zoom Out, To Left, To Right, To Top and To Bottom.

Cover

Some real example of Cover Image Feature

Cover Image Transition

Cover Image Hover Transition

8 types of Hover Image Transition to choose from: Grayscale, Sepia, Saturate, Blur, Contrast, Invert, Brightness and Hue Rotate. You can also set an overlay on top of the cover image or put your overlay text on top. Very easy and customizable including the hover speed transition and effects.

Get it Now
Zoom Out

Cover Image

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

To Right

Cover Image

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

To Top

Cover Image

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Zoom In with Grayscale

Cover Image

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

To Left

Cover Image

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

To Bottom

Cover Image

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Revealer

Some real example of Revealer Effect

It’s cool for revealing content in a schematic box look. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers content underneath.

Reveal your module in a cool and stylish way

Some example of Hover Content Animation, Background Transition & Overlay features

The Content Hover Animation has more than 30 types of animation to choose from. Create beautiful, subtle transitions. Enhance the look and feel of a website and make it easier for visitors to navigate. Overlay text and Overlay background animation gives your site a cool and interactive effects in a simple and flexible way.

Hover Content

Fade in

Grayscale

Hover Content

Fade in Left

Constrast

Background Hover

Zoom In

Background Hover

To Bottom

Hover Content

Flip Bottom

Hover Content

Flip Bottom 360 with Overlay Box Wrapper Style

Hover Content

Zoom In

Hover Content

Zoom Out Left with Overlay Sync, Text and Gradient

Zoom Out Left

Hover Content

Fade in Up

Sepia

Hover Content

Slide Up

Invert

Background Hover

To Left

Hover Content

Push Up

Hover Content

Flip Left

Hover Content

Flip Up 360 and Overlay Box Wrapper Style

Hover Content

Zoom Out with Overlay Sync, Text and Gradient

Zoom Out

Hover Content

Zoom Out Right with Overlay Sync, Text and Gradient

Zoom Out Right

Hover Content

Fade in Down

Saturate

Hover Content

Slide Down

Brightness

Background Hover

To Right

Hover Content

Push Down

Hover Content

Flip Right

Hover Content

Flip Left 360 and Overlay Box Wrapper Style

Hover Content

Zoom Out Up with Overlay Sync, Text and Gradient

Zoom Out Up

Hover Content

Hinge Up with Overlay Sync, Text and Gradient

Hinge Up

Hover Content

Fade in Right

Blur

Hover Content

Slide Right

Hue Rotate

Background Hover

To Top

Hover Content

Push Left

Hover Content

Flip Up

Hover Content

Flip Right 360 and Overlay Box Wrapper Style

Hover Content

Zoom Out Down with Overlay Sync, Text and Gradient

Zoom Out Down

Hover Content

Hinge Down with Overlay Sync, Text and Box Wrapper Gradient

Hinge Down
Border

Some real example of Border Wrapper with Hover Content Animations & Other Animations

Ideals for showing a border within the element to create a unique look. Adjust the border style, color or padding to your own liking and choose over two types of hover animation transitions ‘Zoom In’ or ‘Zoom Out’. Combine with other animations so that your visitors are able to see endless combinations of content and hover animations.

Singapore

We will introduce you all you need to know about Singapore. The history, facts, climate and location, culture and language.

Singapore
Skyscrapers City

Japan

We will introduce you all you need to know about Japan. The history, facts, climate and location, culture and language.

Japan
Fuji

South Korea

We will introduce you all you need to know about South Korea. The history, facts, climate and location, culture and language.

China

We will introduce you all you need to know about China. The history, facts, climate and location, culture and language.

China
Great Wall of China

New York City

We will introduce you all you need to know about New York. The history, facts, climate and location, culture and language.

New York City
Cityscape

Thailand

We will introduce you all you need to know about Thailand. The history, facts, climate and location, culture and language.

Thailand
Temple

Some example of Tilt Effect

Interactive 3D parallax tilt effects that react to mouse movement when you hover over them. Bring the attention of your visitors easily to your sites. The choice of images and background gradient should be right to make this effect even stunning.

Tilt

Tilt

Discussion

Discussion

Ideas

Plan
Animation

Some real example of Animations

Over 49 Animations to choose and it is by one of the most popular animation CSS framework. These animations are being applied as you scroll down the page. Apply animation to each elements from title to buttons.

Animate the way you wanted. No limit for Animation.

Fade in Up

Remember every elements from title to button can be animated like this is the Fade in Right

Zoom In

Flip

This is the Flip in X and we delayed the button animation for 2.5 seconds later. Wait.

Swing

Bounce In Left

This is the Bounce In and we can also set the Blurb animation to animate after 1.5 seconds later.

Wobble

Sequence

We set all the elements to animate 0.5 seconds for each completed animation. More like sequence.

Delayed

Take a spin with Divi Perky Animate

With Divi Perky Animate, there’s no limit of what can be achieved. Create beautiful, subtle effects. Enhance the look and feel of your website and make it more obvious and alive. There are more than the above demo. Such as Video Popup, Making Entire Div as a link and more!

Buy Now

Pin It on Pinterest