:hover mit Filter-Funktion

Sunset

Venice-Beach-Sunset
Venice-Beach-Sunset by Graham

Code

Schaut Euch den Source-Code an, um den ganzen Code zu sehen!

<!-- html -->
<img src="p/Venice-Beach-Sunset-960.jpg" alt="Venice-Beach-Sunset">

/* CSS */
img {
    filter: blur(3px) sepia(1);
}

img:hover {
    filter: sepia(0);
}

Gutes Online-Tutoria, was noch alles möglich ist: https://css-tricks.com/almanac/properties/f/filter/