Bilder bei :hover farbig machen
Mit „filter“ wird das Bild direkt im Browser verändert!
Online-Demo
Demo – schaut Euch den Source-Code an!
HTML
<img src="p/Venice-Beach-Sunset.jpg" alt="Venice-Beach-Sunset">
CSS
img {
filter: blur(3px) sepia(1);
}
img:hover {
filter: sepia(0);
}