fbpx

Hover Animation Plugin for Visual Composer

Hover Animation lets you place animated effects on your VC elements upon hover. Scroll down the page to see what other awesome things this plugin can do.

Try hovering your mouse over to any of the animals, and check out the different effects that pop up. Hover Animations gives you the power to choose how your animations behave.

With the exception of females looking out for their cubs, tigers usually keep to themselves.

TIGER

Zebras are very social animals that often travel in groups. A group of zebras is called a harem.

ZEBRA

Just like dogs, crocodiles can’t sweat. They keep their mouths open so they keep their bodies cool.

CROCODILE

The ostrich is the fastest runner of all two-legged animals. It can also sprint at over 70km/hour.

OSTRICH

Female elephants are called cows. They carry their baby elephants in their wombs for 22 months.

ELEPHANT

Giraffes’ legs usually amount up to 6ft in length. That’s taller than the average human’s height.

GIRAFFE

This plugin also gives you control over individual elements – like buttons, text boxes, and more – so that you can direct how they behave upon hovering.

BASIC

$29

SAMPLE PRICES ONLY. The Basic Package has common features and amenities. Perfect for buyers who want to give it a try.

ADVANCED

$59

SAMPLE PRICES ONLY. The Advanced Package has a little more features, perfect for buyers who wanna explore its capabilities.

PREMIUM

$99

SAMPLE PRICES ONLY. The Premium Package has all of the available features listed, plus 24/7 support from the Sample Staff.

Your animations don’t have to be uniform, too. You can combine multiple animations and effects – like here, in Katya’s blog – to achieve a unique look.

Katya Andersen’s Blog

Hi! My name’s Katya. I’m a happy-go-lucky full-time copywriter. In my spare time though, I like taking photos which you can find in this blog. 

Katya Andersen

Copywriter. Photographer. Cat-lover.

BLOG

Today We Celebrated Henry’s Birthday

BLOG

Check out
my latest photos

This week, my husband and I went to check out Dave’s Famous Cookies, a new bakeshop that opened a few months ago. Their pastries are simply marvelous, but I have to admit: it was their coffee that did us in.

You can also incorporate animations to work together. Below, you can see how all the elements work well with the video background when you hover your mouse over the field.

Paradise Hotel

Book now to get a 50% discount

Paradise Resorts is your home away from home. Unwind and relax in our 5-Star rooms, complete with 5-Star amenities and top-notch service. Book a summer with us today.

World-Class Dining

Unwind in Style

Elegant Ambience 

Ultimate Relaxation

New Parameters for Rows

You can use these additional parameters in VC Rows and VC Rows Inner.

ParameterDefaultTypeDescription
hover_animstringThis animation will play when your mouse hovers on this row. You can also place hover animations on elements inside this row to also animate them together with this row.
hover_anim_imagenumber
hover_anim_zoom_opacity1.0numberThe opacity of the zoomed image when hovered on. This can be used to show the background image a bit. Value should be from 0.0 to 1.0.
hover_anim_color rgba(0,0,0,0.75)stringThe color of the background when hovering.
hover_anim_shadowmoderatestringThe intensity of the shadow that appears on hover.
hover_anim_scale_amount1.07numberThe scale amount. 0.0 – 1.0 means the element will scale down, 1.0+ will scale up the element.
hover_anim_speednormalstringThe speed of the hover behavior.
hover_anim_linknumberYou can turn this entire row into a link. If you add a link, the contents of the row will no longer be clickable.

New Parameters for Visual Composer Elements

You can use additional parameters in VC elements.

ParameterDefaultTypeDescription
hover_animstringThis animation will play when your mouse hovers on this element, or on this element\’s row.
hover_anim_color#ffffffcolorThe text color to change to on hover.
hover_anim_move10numberThe amount in pixels to move the element on hover.
hover_anim_move_hide_startstringMake element hidden before hovering
hover_anim_move_hide_endstringMake element hidden after hovering.
hover_anim_move_beforestringMove before hovering.
hover_anim_scale1.07numberThe scale amount. 0.0 – 1.0 means the element will scale down, 1.0+ will scale up the element.
hover_anim_speednormalstringThe pause duration between animations (in milliseconds).
hover_anim_delay0numberThe time in milliseconds to delay the start of the animation.

A Summer of BOGO — Our August Special BOGO 1/2 Off on HydraFacials and Facials!
CALL US AT 843-881-2130
close-image