Hover Effects Pack - JavaScript Plugin

Overview

This hover pack allows you to add animation effects to images, when it hovered. Also you have ability to add text, that will go over image, and this text also can be animated. In this pack you can find 10 image animation effects and 10 animation effects for text, that goes over image. Also you can combine several text animation effects for one item.

WordPress version of this plugin is available here.

Features

General

• 10 hover effects
• 10 text animation effects
• 5 text delay options
• Ability to add border radius (1 to 50) to all effects except Diagonal
• Ability to set opacity (10% to 100% with step 10%) to all effects except Twist and Flip

Image Effects

• Fade
• Stroke
• Twist
• Flip
• Flow
• Box
• Stripe
• Apart (vertical and horizontal)
• Diagonal

Text Effects

• Slide from left
• Slide from right
• Slide from top
• Slide from bottom
• Scale
• Opacity
• Rotation (both directions, 90 or 180 degrees)

Effects Preview

Fade

Stroke

Twist

Flip

Flow

Box

Stripe

Apart Horizontal

Apart Vertical

Diagonal

Browser support note

Old versions of IE (9 and before) not support css3 animation effects.
Safari 5.1.7 not support part of css3 properties.

Change log

v1.3 – 13 May 2014

• Added opacity options

v1.2.2 – 22 April 2014

• Fixed vertical text alignment bug

v1.2.1 – 22 February 2014

• Vertical text alignment added

v1.2 – 27 January 2014

• Added 1 image effect
• Added plain hover effects (without animation) for Safari 5.1.7

v1.1 – 14 January 2014

• Added 3 image effects
• Added 1 text effect
• Fixed browser support bugs

v1.0 – 08 January 2014

• Initial release