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
7h 12m
Duration
153,683
Views
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 My Free Month

Start your free month on LinkedIn Learning, which now features 100% of Lynda.com courses. Develop in-demand skills with access to thousands of expert-led courses on business, tech and creative topics.

Start My Free Month