Title: Hover Effects &#8211; easily create any hover effect
Author: Wow-Company
Published: <strong>ئازار 5, 2017</strong>
Last modified: ئایار 20, 2026

---

گەڕان لە پێوەکراوەکان

![](https://ps.w.org/hover-effects/assets/banner-772x250.png?rev=1609528)

![](https://ps.w.org/hover-effects/assets/icon-256x256.png?rev=1609528)

# Hover Effects – easily create any hover effect

 لەلایەن [Wow-Company](https://profiles.wordpress.org/wpcalc/)

[داگرتن](https://downloads.wordpress.org/plugin/hover-effects.2.1.3.zip)

 * [وردەکارییەکان](https://ku.wordpress.org/plugins/hover-effects/#description)
 * [پێداچوونەوەکان](https://ku.wordpress.org/plugins/hover-effects/#reviews)
 *  [دامەزراندن](https://ku.wordpress.org/plugins/hover-effects/#installation)
 * [گەشەپێدان](https://ku.wordpress.org/plugins/hover-effects/#developers)

 [پشتیوانی](https://wordpress.org/support/plugin/hover-effects/)

## وەسف

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

 * [Popup Box – new WordPress popup plugin](https://wordpress.org/plugins/popup-box/)
 * [Counter Box – powerful creator of counters, timers and countdowns](https://wordpress.org/plugins/counter-box/)
 * [Button Generator – easily Button Builder](https://wordpress.org/plugins/button-generation/)
 * [Herd Effects – fake notifications and social proof plugin](https://wordpress.org/plugins/mwp-herd-effect/)
 * [Floating Button](https://wordpress.org/plugins/floating-button/)
 * [Side Menu Lite – add sticky fixed buttons](https://wordpress.org/plugins/side-menu-lite/)
 * [Sticky Buttons – floating buttons builder](https://wordpress.org/plugins/sticky-buttons/)
 * [Bubble Menu – circle floating menu](https://wordpress.org/plugins/bubble-menu/)
 * [Float menu – awesome floating side menu](https://wordpress.org/plugins/float-menu/)
 * [Modal Window – create modal window](https://wordpress.org/plugins/modal-window/)
 * [Wow Skype Buttons](https://wordpress.org/plugins/mwp-skype/)
 * [Border Menu](https://wordpress.org/plugins/border-menu/)
 * [Slide Menu](https://wordpress.org/plugins/slide-menu/)

#### Support

Search for answers and ask your questions at [support center](https://wordpress.org/support/plugin/hover-effects)

## دامەزراندن

 * 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

## پهد

### 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!

## پێداچوونەوەکان

![](https://secure.gravatar.com/avatar/82865824db6980386eb2ef9d1ff83ea3b1537cdeaacf9e6043f17702fc434278?
s=60&d=retro&r=g)

### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-39580/)󠁿

 [assolesmurmureslitteraires](https://profiles.wordpress.org/assolesmurmureslitteraires/)
تشرینی یەکەم 5, 2024

Easy to use and lightweight

![](https://secure.gravatar.com/avatar/27e765ff905ea051c5811d09b4b168a44172546be43a6805e7ba5db849bcabb9?
s=60&d=retro&r=g)

### 󠀁[That’s What I Need](https://wordpress.org/support/topic/thats-what-i-need-12/)󠁿

 [edizkacmaz](https://profiles.wordpress.org/edizkacmaz/) نیسان 7, 2024

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

![](https://secure.gravatar.com/avatar/a9b000fd3d0616b268180dc1fc768f563afe6f9f9638a59adb0ee4fde6bbcfe9?
s=60&d=retro&r=g)

### 󠀁[Great](https://wordpress.org/support/topic/great-15749/)󠁿

 [hojatkh1402](https://profiles.wordpress.org/hojatkh1402/) ئاب 6, 2023 1 reply

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.

![](https://secure.gravatar.com/avatar/3099fedbf9ac7e1f03a1f8fffb36647f1b6fdc691b998c0a48b544d2f6b09e52?
s=60&d=retro&r=g)

### 󠀁[No control at all](https://wordpress.org/support/topic/no-control-at-all/)󠁿

 [egocefalo](https://profiles.wordpress.org/egocefalo/) تەممووز 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…

![](https://secure.gravatar.com/avatar/4342bfc34409fd1cdf4d6c2391842d9fe3111fdf0d3e0ac4a9aecefc3a0ba1b9?
s=60&d=retro&r=g)

### 󠀁[Super easy and great work](https://wordpress.org/support/topic/super-easy-and-great-work/)󠁿

 [Dominik Kozmáli](https://profiles.wordpress.org/dominokozmali/) ئایار 26, 2023
1 reply

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! 🙂

![](https://secure.gravatar.com/avatar/638712e26fc3aaa8159389312ab90f1c8928331aa43f2807889139093de7ddab?
s=60&d=retro&r=g)

### 󠀁[Awesome Plugin](https://wordpress.org/support/topic/awesome-plugin-6674/)󠁿

 [georgesbikes](https://profiles.wordpress.org/georgesbikes/) تشرینی دووەم 24, 2022

Super easy and works a treat.

 [ خوێندنەوەی 18 پێداچوونەوە ](https://wordpress.org/support/plugin/hover-effects/reviews/)

## بەشداربووان و گەشەپێدەران

“Hover Effects – easily create any hover effect” نەرمەواڵەیەکی سەرچاوە کراوەیە. 
ئەم کەسانەی خوارەوە بەشدارییان تێدا کردووە.

بەشداربووان

 *   [ Wow-Company ](https://profiles.wordpress.org/wpcalc/)
 *   [ DmtLo ](https://profiles.wordpress.org/lobov/)

[“Hover Effects – easily create any hover effect” وەربگێڕە بۆ زمانەکەی خۆت.](https://translate.wordpress.org/projects/wp-plugins/hover-effects)

### دەتەوێت بەشداربیت لە گەشەپێدان؟

[گەڕان لە کۆدەکەدا بکە](https://plugins.trac.wordpress.org/browser/hover-effects/)،
سەیری [تەمارگەی (SVN)](https://plugins.svn.wordpress.org/hover-effects/) بکە، یان
بەشداربە لە [ڕووداوتۆماری گەشەپێدان](https://plugins.trac.wordpress.org/log/hover-effects/)
لە ڕێگەی [(RSS)](https://plugins.trac.wordpress.org/log/hover-effects/?limit=100&mode=stop_on_copy&format=rss).

## ڕووداوتۆمارگەریی گۆڕین

#### 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

## مێتا

 *  وەشان **2.1.3**
 *  دوایین بەڕۆژکردنەوە **5 ڕۆژ لەمەوبەر**
 *  دامەزراندنی چالاک **8,000+**
 *  وەشانی وۆردپرێس ** 4.3 یان بەرزتر **
 *  تاقیکراوەتەوە تا **7.0**
 *  وەشانی PHP ** 7.4 یان بەرزتر **
 *  زمان
 * [English (US)](https://wordpress.org/plugins/hover-effects/)
 * تاگەکان
 * [button hover effects](https://ku.wordpress.org/plugins/tags/button-hover-effects/)
   [hover effects](https://ku.wordpress.org/plugins/tags/hover-effects/)[image hover effects](https://ku.wordpress.org/plugins/tags/image-hover-effects/)
 *  [بینینی پێشکەوتوو](https://ku.wordpress.org/plugins/hover-effects/advanced/)

## هەڵسەنگاندنەکان

 4.8 out of 5 stars.

 *  [  16 5-star reviews     ](https://wordpress.org/support/plugin/hover-effects/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/hover-effects/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/hover-effects/reviews/?filter=3)
 *  [  1 2-star review     ](https://wordpress.org/support/plugin/hover-effects/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/hover-effects/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/hover-effects/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/hover-effects/reviews/)

## بەشداربووان

 *   [ Wow-Company ](https://profiles.wordpress.org/wpcalc/)
 *   [ DmtLo ](https://profiles.wordpress.org/lobov/)

## پشتیوانی

هیچت هەیە بۆ وتن؟ پێویستت بە یارمەتییە؟

 [بینینی مەکۆی پاڵپشتی](https://wordpress.org/support/plugin/hover-effects/)

## ببەخشە

دەتەوێت پشتگیریی بەرەوپێشچوونی ئەم پێوەکراوە بکەیت؟

 [ ببەخشە بەم پێوەکراوە ](https://wow-estore.com/)