Codrops have recently published post on “How to create a direction-aware hover effect using CSS3 and jQuery“. It’s an interesting and cool looking hover effect created with CSS3 and jquery. The main idea behind this hover effect is to have a little overlay slide in on top of thumbnails from the direction that are coming from the mouse coordinates.

The Aware Hover Effect overlay slide out to that direction where we leave the element following by mouse. View direction-aware hover effect demo or download direction-aware hover effect.

Source: tympanus

Related Google search terms :

• css thumnail zoom on hover
• Image Hover Effect Using jQuery
• jquery a hover effect

The post Creating direction-aware hover effect using Css3 and jquery appeared first on The Technology Blog.