Skip to content
Darryl Dias

Darryl Dias

3D Artist and Cloud Computing Specialist

  • Home
  • Linux
    • Fedora
    • Debian
    • Ubuntu
    • CentOS
    • OpenSUSE/SLE
  • Applications
    • Neovim
    • Blender
    • Maya
    • Houdini
  • MacOS
  • Windows
  • FreeBSD
  • Single Board
    • Raspberry Pi
  • PHP
    • WordPress
  • Programming
    • JavaScript
    • Deno
  • Demo Reel
  • Portfolio
  • The Awesome List
  • Store
  • About
  • Contact

CSS: Grayscale to colourisation with Animation

August 26, 2015 by Darryl Dias

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.

Categories Articles
Ghost on Ubuntu
Custom permalinks in Ghost

Search

Advertise here
DigitalOcean Referral Badge
  • Articles
  • Blender
  • FreeBSD
  • Houdini
  • Linux
  • MacOS
  • Maya
  • Neovim
  • Programming
  • Raspberry Pi
  • RenderMan
  • Tutorials
  • Unix
  • Windows
Advertise here
© 2025 Darryl Dias • Built with GeneratePress