Following are some of the cool CSS3 hover effects you can used in your website web apps to enhance user experience and interactivity.

We can create cool animated transitions with HTML5, CSS3 and JQuery techonologies.

1. Direction Hover Effects

Direction Hover Effects

Demo : http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/

Tutorials : http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/

Download : http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/DirectionAwareHoverEffect.zip

2. Circular Hover Effects

Circular Hover Effects

Demo : http://tympanus.net/Tutorials/CircleHoverEffects/

Tutorials: http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/

Download: http://tympanus.net/Tutorials/CircleHoverEffects/CircleHoverEffects.zip

3. CSS3 hover effects

CSS3 hover effects

Demo : http://tympanus.net/Tutorials/OriginalHoverEffects/

Tutorials : http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

Download : http://tympanus.net/Tutorials/OriginalHoverEffects/OriginalHoverEffects.zip

4. Animated Text and Content Hover JQuery + CSS3

Animated Text and Content Hover JQuery + CSS3

Demo : http://tympanus.net/Tutorials/AnimatedTextIconMenu/example1.html

Tutorials : http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/

Download : http://tympanus.net/Tutorials/AnimatedTextIconMenu/AnimatedTextIconMenu.zip

5. CSS 3D Image Thumbnail Hover Effect

CSS 3D Image Thumbnail Hover Effect

Demo : http://tympanus.net/Tutorials/3DHoverEffects/

Tutorials : http://tympanus.net/codrops/2012/06/18/3d-thumbnail-hover-effects/

Download : http://tympanus.net/Tutorials/3DHoverEffects/3DHoverEffects.zip

6. Cool CSS3 Annotations Overlay Effects

Cool CSS3 Annotations Overlay Effects

Demo : http://tympanus.net/Tutorials/CSS3AnnotationOverlayEffect/

Tutorials : http://tympanus.net/codrops/2012/05/14/annotation-overlay-effect-with-css3/

Download : http://tympanus.net/Tutorials/CSS3AnnotationOverlayEffect/CSS3AnnotationOverlayEffect.zip

7. Collection of Icon Hover Effects

Collection of Icon Hover Effects

Demo : http://tympanus.net/Development/IconHoverEffects/

Tutorials : http://tympanus.net/codrops/2013/05/30/simple-icon-hover-effects/

Download : http://tympanus.net/Development/IconHoverEffects/IconHoverEffects.zip

8. Stack Hover/Toggle CSS3 + JQuery Effects

Stack Hover/Toggle CSS3 + JQuery Effects

Demo : http://tympanus.net/Development/StackEffects/

Tutorials : http://tympanus.net/codrops/2014/03/05/simple-stack-effects/

Download : http://tympanus.net/Development/StackEffects/StackEffects.zip

9. Animated 3D text Open Type Effect

Animated 3D text Open Type Effect

Demo : http://tympanus.net/Tutorials/AnimatedOpeningType/

Tutorials : http://tympanus.net/codrops/2013/11/14/animated-opening-type/

Download : http://tympanus.net/Tutorials/AnimatedOpeningType/AnimatedOpeningType.zip

10. Pentagon Hover Effects CSS3 + JQuery

Pentagon Hover Effects CSS3 + JQuery

Demo : http://www.webdesigncrowd.com/demo/css-pentagon-hover-9.23.13/

Tutorials : http://www.webdesigncrowd.com/create-pentagon-hover-effect-with-css-jquery/

Download : http://www.webdesigncrowd.com/demo/css-pentagon-hover-9.23.13/css-pentagon-hover-9.23.13.zip