Effekt „Schwarz-Weiß-Filter“ bei Bildern


Bilder per CSS in SW umwandeln, bei Verlinkung mit einem Hover-Effekt in Farbe und Bild etwas heran zoomen.

Beispiel auf http://www.sudholt-wasemann.de/produkte-leistungen.html

Bild in SW
Selektor: img
Formatdefinition: filter: grayscale(1);

Hover-Effekt
Selektor: img:hover
Formatdefinition:
filter: none;
overflow: hidden;
transform: scale(1.2);
transition: all 0.4s ease 0s;