Image Direction-Aware Hover Effect with jQuery and CSS3

File Size: 140 KB
Views Total: 10052
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Image Direction-Aware Hover Effect with jQuery and CSS3

Image Direction-Aware Hover Effect built with jQuery and CSS for sliding in an overlay from the direction we are moving with the mouse.

Here're 3 Awesome effect you can choose:

  • Default - Moving from one thumb to the other will immediately trigger the sliding of the info box.
  • Delay - Add a little hover delay so that we don't see the info box slide in immediately.
  • Inverse - use the inverse direction

Change log:

2013-12-08

  • Add option to specify which element to reveal on hover

This awesome jQuery plugin is developed by codrops. For more Advanced Usages, please check the demo page or visit the official website.