CSS Image Hover Effects

← View the article

No Effect

Hover

Hover

Hover

1. Zoom In #1

Hover

Hover

Hover

2. Zoom In #2

Hover

Hover

Hover

3. Zoom Out #1

Hover

Hover

Hover

4. Zoom Out #2

Hover

Hover

Hover

5. Slide

Hover

Hover

Hover

6. Rotate(+Zoom Out)

Hover

Hover

Hover

7. Blur

Hover

Hover

Hover

8. Gray Scale

Hover

Hover

Hover

9. Sepia

Hover

Hover

Hover

10. Blur + Gray Scale

Hover

Hover

Hover

11. Opacity #1

Hover

Hover

Hover

12. Opacity #2

Hover

Hover

Hover

13. Flashing

Hover

Hover

Hover

14. Shine

Hover

Hover

Hover

15. Circle

Hover

Hover

Hover