Skip navigation

Display images as grayscale

Display images as grayscale: CSS Shorts Weekly
Display images as grayscale: CSS Shorts Weekly

Change a full-color image to display as grayscale with CSS. Cool, right? But wait, there’s more! We can then combine this with the opacity settings to create a duotone effect. You can do all with just a few CSS properties. The visual possibilities are endless. Best of all, you can learn how in 3 minutes!

Resume Transcript Auto-Scroll
Skill Level Intermediate
6h 8m
Show More Show Less

Q: Why can't I earn a Certificate of Completion for this course?

A: We publish a new tutorial or tutorials for this course on a regular basis. We are unable to offer a Certificate of Completion because it is an ever-evolving course that is not designed to be completed. Check back often for new movies.

Skills covered in this course
Web Web Development CSS

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now