CodeCanyon

CSS3 Image Hover Effects - Pure CSS

CSS3 Image Hover Effects - Pure CSS

Updates

03.12.2013 > Bugfix on CSS/HTML

CSS Hover Effects for Images

Easy to use the beautiful Image Hover Effects for their own website. Simply insert into the existing CSS file and enjoy the new Image Hover Effects.

Features

  • Pure CSS
  • Without JavaScript or jQuery
  • More than 40 Hover Effects
  • It works standalone

Effects

  • Zoom In & Zoom Out
  • Rotate Right & Left
  • Origin
  • Square & Ellipse
  • Square & Round
  • Layer-Background-Change
  • Rotate & Scale
  • Rotate-x / -y / -z
  • 3D Image Change
  • Sharp to Blur
  • Color to Grayscale
  • Inner Shadow
  • Image Opacity
  • Image Roll
  • Image Shadow
  • Layer Hover
  • Layer-Image Hover
  • Layer-Text Hover
  • Layer-Slide
  • Layer & Title Slide
  • Layer-Panel Hover
  • Layer Content Hover

Attention – Browser-Support

  • IE9 does not support transition-effect
  • IE7 and IE8 does not support border-radius, box shadow, transition-effect
  • ... more browser compatibility informations, look at the “Compatibility Screenshot”
by
by
by
by
by
by