Code
Schaut Euch den Source-Code an, um den ganzen Code zu sehen!
<!-- html -->
<img src="https://picsum.photos/400?random=1" alt="" />
/* CSS */
img {
filter: blur(2px) grayscale(100%);
}
img:hover {
/* kein Filter mehr! */
filter: none;
}
Gutes Online-Tutoria, was noch alles möglich ist: https://css-tricks.com/almanac/properties/f/filter/