A CodePen by sergiompereira. Full color roll over images - Given a number of images, these are hidden and a grayscaled version (done with canvas) is placed at the same position.
With a css :hover rule, the original image shows up.