Startseite Skripte für das Wintersemester 2018/19 Webdesign Interaction, Webfonts, Webtypografie Bilder bei :hover farbig machen


Bilder bei :hover farbig machen

Venice-Beach-Sunset by Graham

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);
}