CSS: Grayscale to colourisation with Animation

A simple CSS trick that turns an image from Grayscale to colourisation.

See the Pen Colorize image by Darryl Dias (@Darryl) on CodePen.

This adds Grayscale filter to the image, and lets you hover on to turn it into colour.

Have a question? leave a comment below.

Published by Darryl

A visual effects artist and compositor, self learner, Linux enthusiast and Programmer and can write in Python and Rust. Contributor to open source projects.