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.

Author: Darryl

I am a self-taught programmer and CG Artist, I write on programming and 3D Animation, tips, and tricks and my experience with things, sometimes I write content on demand if the topic interests me. I love sharing knowledge,

Leave a Reply