Code

Hover Effects Pack - JavaScript Plugin

Hover Effects Pack - JavaScript Plugin

Cart 532 sales

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

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey