Content

You can choose from various Hover effects

Click Here to view the content effects demo

Hover EffectsDescription
Fade
  • Applies Faded effects to the Content upon hovering
Zoom in
  • Zoom in - Gives an effect of zooming in on hovering
Slide
  • Slide Up -Slides the content in the upward direction on hovering
  • Slide Down - Slides the content in the downward direction on hovering
  • Slide Left - Slides the content towards left on hovering
  • Slide Right - Slides the content towards right on hovering
  • Slide Top Left - Slides the content from top left diagonally on hovering
  • Slide Top Right - Slides the content from top right diagonally on hovering
  • Slide Bottom Left - Slides the content from bottom left diagonally on hovering
  • Slide Bottom Right - Slides the content from bottom right diagonally on hovering
Fade
  • Fade Up - Applies Faded effect to the content from bottom to top upon hovering
  • Fade Down - Applies Faded effect to the content from top to bottom upon hovering
  • Fade Left - Applies Faded effect to the content from right to left upon hovering
  • Fade Right - Applies Faded effect to the content from left to right upon hovering
Hinge
  • Hinge Up - On hovering the content appears from top to the content area with hinge effect
  • Hinge Down - On hovering the content appears from bottom to the content area with hinge effect
  • Hinge Left - On hovering the content appears from left to the content area with hinge effect
  • Hinge Right - On hovering the content appears from right to the content area with hinge effect
Flip
  • Flip Horizontal - Flips the content horizontally and displays it upon hovering
  • Flip Vertical - Flips the content vertically and displays it upon hovering
  • Flip Diagonal Left - Flips the content diagonally from the left and displays it upon hovering
  • Flip Diagonal Right - Flips the content diagonally from the right and displays it upon hovering
Fold
  • Fold Up - Gives an effect of folding up on hovering the Image
  • Fold Down -Gives an effect of folding down up on hovering the Image
  • Fold Left - Gives an effect of folding left up on hovering the Image
  • Fold Right - Gives an effect of folding right up on hovering the Image
Zoom
  • Zoom In Flip Horizontal - Gives an effect of flipping the content and zooming it in from top to the content area horizontally upon hovering
  • Zoom In Flip Vetical - Gives an effect of flipping the content and zooming it in from right to the content area vertically upon hovering
Pivot
  • Pivot Top Left - On hovering the content rotates from the bottom left to the content area with top left of the image as the center point
  • Pivot Top Right - On hovering the content rotates from the bottom right to the content area with top right of the image as the center point
  • Pivot Bottom Left - On hovering the content rotates from the top left to the content area with bottom left of the image as the center point
  • Pivot Bottom Right - On hovering the content rotates from the top right to the content area with bottom right of the image as the center point
Throw
  • Throw Up - On hovering the content rotates from the bottom and is thrown upwards upon exiting hovering
  • Throw Down - On hovering the content rotates from the top and is thrown downwards upon exiting hovering
  • Throw Left - On hovering the content rotates from the right and is thrown towards left upon exiting hovering
  • Throw Right - On hovering the content rotates from the left and is thrown towards right upon exiting hovering
Cube
  • Cube Up - On hovering the content shows from the bottom to the content area
  • Cube Down - On hovering the content shows from the top to the content area
  • Cube Left - On hovering the content shows form the right to the content area
  • Cube Right - On hovering the content shows form the left to the content area
Lightspeed
  • Lightspeed In Left - On hovering the content shows from the right towards left with the slanting effect like hustling
  • Lightspeed In Right - On hovering the content shows from the left towards right with the slanting effect like hustling
Bounce
  • Bounce In - On hovering the content gives a bounce effect in the content area
  • Bounce In Up - On hovering the content moves from bottom to top and bounces in the content area
  • Bounce In Down - On hovering the content moves from top to bottom and bounces in the content area
  • Bounce In Left - On hovering the content moves from right to left and bounces in the content area
  • Bounce in Right - On hovering the content moves from left to right and bounces in the content area
Shift
  • Shift Top Left - On hovering the content shifts slightly towards the top left from the content area
  • Shift Top Right - On hovering the content shifts slightly towards the top left from the content area
  • Shift Bottom Left - On hovering the content shifts slightly towards the top left from the content area
  • Shift Bottom Right - On hovering the content shifts slightly towards the top left from the content area