Bilder bei :hover farbig machen
![](https://scripte.matthias-edler-golla.de/content/3-wise18/1-webdesign/7-interaction-webfonts-webtypo/8-bilder-bei-hover-farbig-machen/Venice-Beach-Sunset-960.jpg)
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);
}