Hover Effects – easily create any hover effect

Description

All effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them.

Many effects use CSS3 features such as transitions, transforms, and animations. Old browsers that don’t support these features may need some extra attention to be certain a fallback hover effect is still in place.

Main features

39 hover effects
Ease for use
Use in menu
Use for any element

2D Transitions

Grow
Shrink
Pulse
Pulse Grow
Pulse Shrink
Push
Pop
Bounce In
Bounce Out
Rotate
Grow Rotate
Float
Sink
Bob
Hang
Skew
Skew Forward
Skew Backward
Wobble Horizontal
Wobble Vertical
Wobble To Bottom Right
Wobble To Top Right
Wobble Top
Wobble Bottom
Wobble Skew
Buzz
Buzz Out
Forward
Backward

Shadow and Glow Transitions

Shadow
Grow Shadow
Float Shadow
Glow
Shadow Radial
Box Shadow Outset
Box Shadow Inset

Speech Bubbles

Bubble Top
Bubble Right
Bubble Bottom
Bubble Left
Bubble Float Top
Bubble Float Right
Bubble Float Bottom
Bubble Float Left

Use with other plugins to maximize your results

Support

Search for answers and ask your questions at support center

Installation

Installation option 1: Find and install this plugin in the Plugins -> Add new section of your wp-admin
Installation option 2: Download the zip file, then upload the plugin via the wp-admin in the Plugins -> Add new section. Or unzip the archive and upload the folder to the plugins directory /wp-content/plugins/ via ftp
Press Activate when you have installed the plugin via dashboard or press Activate in the in the Plugins list

Faq

How to use Hover Link Plugin?

Just add the effect class to links, buttons, logos, SVG, featured images and so on. The class is under an effect name

How to add an effects to menu?

Go to page Hover Effects
Select effect and copy class (begin with ‘hvr-‘)
Go to Appearance -> Menus, select which menu item to which you want to add the effect, and add the effect class under ‘CSS Classes (optional)’
Save your menu

Why don’t I see an option to add classes?

Under Appearance -> Menus, click ‘Screen Options’ (top right of screen) and make sure that ‘CSS Classes’ is checked. If not – check it!

Reviews

Great plugin

By assolesmurmureslitteraires on October 5, 2024

Easy to use and lightweight

That's What I Need

By edizkacmaz on April 7, 2024

I was looking for a way to shake the containers and i found this extension. Beautiful

Great

By hojatkh1402 on August 6, 2023

hi , very nice and helpful.

please add more effects. i recommend to add the effect 'hover and see the title'. the title display in mouse hover in bottom with white background just 25% height in hover.

thank you in advance.

No control at all

By egocefalo on July 24, 2023

No way to control the effects parameters, some are too exagerated and some too light/small and there's just that single setting. Next...

Super easy and great work

By Dominik Kozmáli (dominokozmali) on May 26, 2023

The plugin is very easy to use, it is not applied to all images en masse, but you can choose a separate effect for each image. Excellent plugin! I recommend :). Thank you very much to the creator for creating it. I really appreciate it! 🙂

Awesome Plugin

By georgesbikes on November 24, 2022

Super easy and works a treat.

OMG this is great

By Jeffrey Whitmore (machinelf) on October 7, 2022

So easy and exactly what I needed. Thanks!

Beautiful effects!

By medicalclub on August 21, 2022

Beautiful effects!

Perfect

By flydeflow on September 14, 2020

Easy, simple, helpful. Thank you so much!

Great!

By demiua on May 2, 2020

This is exactly what i was looking for, thanks!

Changelog

2.1.3

Fixed: security issue.

2.1.2

Fixed: minor bug with PHP 8.2

2.1.1

Fixed: security issues

2.1

Added: Copy class function

2.0

Changed: Admin style
Fixed: minor bugs

1.0

Initial release