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”