CSS: Grayscale to colourisation with Animation

Aug 26, 2015
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.


If you like this content, please consider buying me a coffee.

Buy me a coffeeBuy me a coffee

You will get access to contributer exclusive resources and content.

Thank you!



Darryl Dias

I am a student, artist, and author currently living in Florida. My interests range from technology to arts. I am also interested in programming, writing

Analytics by GoSquared