Hover Effects Pack



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.

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)
  • 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