| 1 |
=== Hover Effects - easily create any hover effect === |
| 2 |
Contributors: Wpcalc, lobov |
| 3 |
Donate link: https://wow-estore.com/ |
| 4 |
Tags: hover effects, image hover effects, button hover effects, hover animations |
| 5 |
Requires at least: 4.3 |
| 6 |
Tested up to: 7.1 |
| 7 |
Requires PHP: 7.4 |
| 8 |
Stable tag: 2.1.3 |
| 9 |
License: GPLv2 or later |
| 10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html |
| 11 |
|
| 12 |
Hover Effect is easily applied to your own elements, modified or just used for inspiration. |
| 13 |
|
| 14 |
== Description == |
| 15 |
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. |
| 16 |
|
| 17 |
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. |
| 18 |
|
| 19 |
= Main features = |
| 20 |
* 39 hover effects |
| 21 |
* Ease for use |
| 22 |
* Use in menu |
| 23 |
* Use for any element |
| 24 |
|
| 25 |
[youtube https://www.youtube.com/watch?v=XGO9Tn5vxdk] |
| 26 |
|
| 27 |
|
| 28 |
= 2D Transitions = |
| 29 |
* Grow |
| 30 |
* Shrink |
| 31 |
* Pulse |
| 32 |
* Pulse Grow |
| 33 |
* Pulse Shrink |
| 34 |
* Push |
| 35 |
* Pop |
| 36 |
* Bounce In |
| 37 |
* Bounce Out |
| 38 |
* Rotate |
| 39 |
* Grow Rotate |
| 40 |
* Float |
| 41 |
* Sink |
| 42 |
* Bob |
| 43 |
* Hang |
| 44 |
* Skew |
| 45 |
* Skew Forward |
| 46 |
* Skew Backward |
| 47 |
* Wobble Horizontal |
| 48 |
* Wobble Vertical |
| 49 |
* Wobble To Bottom Right |
| 50 |
* Wobble To Top Right |
| 51 |
* Wobble Top |
| 52 |
* Wobble Bottom |
| 53 |
* Wobble Skew |
| 54 |
* Buzz |
| 55 |
* Buzz Out |
| 56 |
* Forward |
| 57 |
* Backward |
| 58 |
|
| 59 |
= Shadow and Glow Transitions = |
| 60 |
|
| 61 |
* Shadow |
| 62 |
* Grow Shadow |
| 63 |
* Float Shadow |
| 64 |
* Glow |
| 65 |
* Shadow Radial |
| 66 |
* Box Shadow Outset |
| 67 |
* Box Shadow Inset |
| 68 |
|
| 69 |
= Speech Bubbles = |
| 70 |
|
| 71 |
* Bubble Top |
| 72 |
* Bubble Right |
| 73 |
* Bubble Bottom |
| 74 |
* Bubble Left |
| 75 |
* Bubble Float Top |
| 76 |
* Bubble Float Right |
| 77 |
* Bubble Float Bottom |
| 78 |
* Bubble Float Left |
| 79 |
|
| 80 |
|
| 81 |
= Use with other plugins to maximize your results = |
| 82 |
* [Popup Box – new WordPress popup plugin](https://wordpress.org/plugins/popup-box/) |
| 83 |
* [Counter Box – powerful creator of counters, timers and countdowns](https://wordpress.org/plugins/counter-box/) |
| 84 |
* [Button Generator – easily Button Builder](https://wordpress.org/plugins/button-generation/) |
| 85 |
* [Herd Effects – fake notifications and social proof plugin](https://wordpress.org/plugins/mwp-herd-effect/) |
| 86 |
* [Floating Button](https://wordpress.org/plugins/floating-button/) |
| 87 |
* [Side Menu Lite – add sticky fixed buttons](https://wordpress.org/plugins/side-menu-lite/) |
| 88 |
* [Sticky Buttons – floating buttons builder](https://wordpress.org/plugins/sticky-buttons/) |
| 89 |
* [Bubble Menu – circle floating menu](https://wordpress.org/plugins/bubble-menu/) |
| 90 |
* [Float menu – awesome floating side menu](https://wordpress.org/plugins/float-menu/) |
| 91 |
* [Modal Window – create modal window](https://wordpress.org/plugins/modal-window/) |
| 92 |
* [Wow Skype Buttons](https://wordpress.org/plugins/mwp-skype/) |
| 93 |
* [Border Menu](https://wordpress.org/plugins/border-menu/) |
| 94 |
* [Slide Menu](https://wordpress.org/plugins/slide-menu/) |
| 95 |
|
| 96 |
= Support = |
| 97 |
Search for answers and ask your questions at [support center](https://wordpress.org/support/plugin/hover-effects) |
| 98 |
|
| 99 |
== Installation == |
| 100 |
* Installation option 1: Find and install this plugin in the `Plugins` -> `Add new` section of your `wp-admin` |
| 101 |
* 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 |
| 102 |
* Press `Activate` when you have installed the plugin via dashboard or press `Activate` in the in the `Plugins` list |
| 103 |
|
| 104 |
|
| 105 |
== Frequently Asked Questions == |
| 106 |
|
| 107 |
= How to use Hover Link Plugin? = |
| 108 |
Just add the effect class to links, buttons, logos, SVG, featured images and so on. The class is under an effect name |
| 109 |
|
| 110 |
= How to add an effects to menu? = |
| 111 |
* Go to page Hover Effects |
| 112 |
* Select effect and copy class (begin with 'hvr-') |
| 113 |
* 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)' |
| 114 |
* Save your menu |
| 115 |
|
| 116 |
= Why don't I see an option to add classes? = |
| 117 |
Under Appearance -> Menus, click 'Screen Options' (top right of screen) and make sure that 'CSS Classes' is checked. If not - check it! |
| 118 |
|
| 119 |
|
| 120 |
== Screenshots == |
| 121 |
|
| 122 |
|
| 123 |
|
| 124 |
== Changelog == |
| 125 |
= 2.1.3 = |
| 126 |
* Fixed: security issue. |
| 127 |
|
| 128 |
= 2.1.2 = |
| 129 |
* Fixed: minor bug with PHP 8.2 |
| 130 |
|
| 131 |
= 2.1.1 = |
| 132 |
* Fixed: security issues |
| 133 |
|
| 134 |
= 2.1 = |
| 135 |
* Added: Copy class function |
| 136 |
|
| 137 |
= 2.0 = |
| 138 |
* Changed: Admin style |
| 139 |
* Fixed: minor bugs |
| 140 |
|
| 141 |
= 1.0 = |
| 142 |
* Initial release |
