{"id":54803,"date":"2017-03-05T08:15:47","date_gmt":"2017-03-05T08:15:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/hover-effects\/"},"modified":"2025-12-02T14:47:57","modified_gmt":"2025-12-02T14:47:57","slug":"hover-effects","status":"publish","type":"plugin","link":"https:\/\/azb.wordpress.org\/plugins\/hover-effects\/","author":14668513,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.1.3","stable_tag":"2.1.3","tested":"6.9.4","requires":"4.3","requires_php":"7.4","requires_plugins":null,"header_name":"Hover Effects","header_author":"Wow-Company","header_description":"","assets_banners_color":"b4c8b2","last_updated":"2025-12-02 14:47:57","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/wow-estore.com\/","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/hover-effects\/","header_author_uri":"http:\/\/wow-company.com","rating":4.8,"author_block_rating":0,"active_installs":8000,"downloads":73269,"num_ratings":18,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.1.1":{"tag":"2.1.1","author":"Wpcalc","date":"2023-08-07 06:25:28"},"2.1.2":{"tag":"2.1.2","author":"Wpcalc","date":"2025-04-15 08:08:41"},"2.1.3":{"tag":"2.1.3","author":"Wpcalc","date":"2025-12-02 14:47:57"}},"upgrade_notice":[],"ratings":{"1":0,"2":1,"3":0,"4":0,"5":17},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":1609528,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":1609528,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":1609528,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.1.1","2.1.2","2.1.3"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[170858,170859,6764,29012],"plugin_category":[50],"plugin_contributors":[146788,85007],"plugin_business_model":[],"class_list":["post-54803","plugin","type-plugin","status-publish","hentry","plugin_tags-button-hover-effects","plugin_tags-hover-animations","plugin_tags-hover-effects","plugin_tags-image-hover-effects","plugin_category-media","plugin_contributors-lobov","plugin_contributors-wpcalc","plugin_committers-wpcalc"],"banners":{"banner":"https:\/\/ps.w.org\/hover-effects\/assets\/banner-772x250.png?rev=1609528","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/hover-effects\/assets\/icon-128x128.png?rev=1609528","icon_2x":"https:\/\/ps.w.org\/hover-effects\/assets\/icon-256x256.png?rev=1609528","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p>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.<\/p>\n\n<h4>Main features<\/h4>\n\n<ul>\n<li>39 hover effects<\/li>\n<li>Ease for use<\/li>\n<li>Use in menu<\/li>\n<li>Use for any element<\/li>\n<\/ul>\n\n<p>[youtube https:\/\/www.youtube.com\/watch?v=XGO9Tn5vxdk]<\/p>\n\n<h4>2D Transitions<\/h4>\n\n<ul>\n<li>Grow<\/li>\n<li>Shrink<\/li>\n<li>Pulse<\/li>\n<li>Pulse Grow<\/li>\n<li>Pulse Shrink<\/li>\n<li>Push<\/li>\n<li>Pop<\/li>\n<li>Bounce In<\/li>\n<li>Bounce Out<\/li>\n<li>Rotate<\/li>\n<li>Grow Rotate<\/li>\n<li>Float<\/li>\n<li>Sink<\/li>\n<li>Bob<\/li>\n<li>Hang<\/li>\n<li>Skew<\/li>\n<li>Skew Forward<\/li>\n<li>Skew Backward<\/li>\n<li>Wobble Horizontal<\/li>\n<li>Wobble Vertical<\/li>\n<li>Wobble To Bottom Right<\/li>\n<li>Wobble To Top Right<\/li>\n<li>Wobble Top<\/li>\n<li>Wobble Bottom<\/li>\n<li>Wobble Skew<\/li>\n<li>Buzz<\/li>\n<li>Buzz Out<\/li>\n<li>Forward<\/li>\n<li>Backward<\/li>\n<\/ul>\n\n<h4>Shadow and Glow Transitions<\/h4>\n\n<ul>\n<li>Shadow<\/li>\n<li>Grow Shadow<\/li>\n<li>Float Shadow<\/li>\n<li>Glow<\/li>\n<li>Shadow Radial<\/li>\n<li>Box Shadow Outset<\/li>\n<li>Box Shadow Inset<\/li>\n<\/ul>\n\n<h4>Speech Bubbles<\/h4>\n\n<ul>\n<li>Bubble Top<\/li>\n<li>Bubble Right<\/li>\n<li>Bubble Bottom<\/li>\n<li>Bubble Left<\/li>\n<li>Bubble Float Top<\/li>\n<li>Bubble Float Right<\/li>\n<li>Bubble Float Bottom<\/li>\n<li>Bubble Float Left<\/li>\n<\/ul>\n\n<h4>Use with other plugins to maximize your results<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/popup-box\/\">Popup Box \u2013 new WordPress popup plugin<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/counter-box\/\">Counter Box \u2013 powerful creator of counters, timers and countdowns<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/button-generation\/\">Button Generator \u2013 easily Button Builder<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/mwp-herd-effect\/\">Herd Effects \u2013 fake notifications and social proof plugin<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/floating-button\/\">Floating Button<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/side-menu-lite\/\">Side Menu Lite \u2013 add sticky fixed buttons<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/sticky-buttons\/\">Sticky Buttons \u2013 floating buttons builder<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/bubble-menu\/\">Bubble Menu \u2013 circle floating menu<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/float-menu\/\">Float menu \u2013 awesome floating side menu<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/modal-window\/\">Modal Window \u2013 create modal window<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/mwp-skype\/\">Wow Skype Buttons<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/border-menu\/\">Border Menu<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/slide-menu\/\">Slide Menu<\/a><\/li>\n<\/ul>\n\n<h4>Support<\/h4>\n\n<p>Search for answers and ask your questions at <a href=\"https:\/\/wordpress.org\/support\/plugin\/hover-effects\">support center<\/a><\/p>\n\n<!--section=installation-->\n<ul>\n<li>Installation option 1: Find and install this plugin in the <code>Plugins<\/code> -&gt; <code>Add new<\/code> section of your <code>wp-admin<\/code><\/li>\n<li>Installation option 2: Download the zip file, then upload the plugin via the wp-admin in the <code>Plugins<\/code> -&gt; <code>Add new<\/code> section. Or unzip the archive and upload the folder to the plugins directory <code>\/wp-content\/plugins\/<\/code> via ftp<\/li>\n<li>Press <code>Activate<\/code> when you have installed the plugin via dashboard or press <code>Activate<\/code> in the in the <code>Plugins<\/code> list<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20to%20use%20hover%20link%20plugin%3F'><h3>How to use Hover Link Plugin?<\/h3><\/dt>\n<dd><p>Just add the effect class to links, buttons, logos, SVG, featured images and so on. The class is under an effect  name<\/p><\/dd>\n<dt id='how%20to%20add%20an%20effects%20to%20menu%3F'><h3>How to add an effects to menu?<\/h3><\/dt>\n<dd><ul>\n<li>Go to page Hover Effects<\/li>\n<li>Select effect and copy class (begin with 'hvr-')      <\/li>\n<li>Go to Appearance -&gt; Menus, select which menu item to which you want to add the effect, and add the effect class under 'CSS Classes (optional)'<\/li>\n<li>Save your menu<\/li>\n<\/ul><\/dd>\n<dt id='why%20don%27t%20i%20see%20an%20option%20to%20add%20classes%3F'><h3>Why don't I see an option to add classes?<\/h3><\/dt>\n<dd><p>Under Appearance -&gt; Menus, click 'Screen Options' (top right of screen) and make sure that 'CSS Classes' is checked. If not - check it!<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.1.3<\/h4>\n\n<ul>\n<li>Fixed: security issue.<\/li>\n<\/ul>\n\n<h4>2.1.2<\/h4>\n\n<ul>\n<li>Fixed: minor bug with PHP 8.2<\/li>\n<\/ul>\n\n<h4>2.1.1<\/h4>\n\n<ul>\n<li>Fixed: security issues<\/li>\n<\/ul>\n\n<h4>2.1<\/h4>\n\n<ul>\n<li>Added: Copy class function<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<ul>\n<li>Changed: Admin style<\/li>\n<li>Fixed: minor bugs<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Hover Effect is easily applied to your own elements, modified or just used for inspiration.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/54803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=54803"}],"author":[{"embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpcalc"}],"wp:attachment":[{"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=54803"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=54803"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=54803"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=54803"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=54803"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/azb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=54803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}