Hover Effects – easily create any hover effect

説明

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

評価

2023年8月6日 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.
2023年7月24日
No way to control the effects parameters, some are too exagerated and some too light/small and there’s just that single setting. Next…
2023年5月26日 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! 🙂
18件のレビューをすべて表示

貢献者と開発者

Hover Effects – easily create any hover effect はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Hover Effects – easily create any hover effect” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

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