From the course: CSS: Images
Join today to access over 22,600 courses taught by industry experts.
Background-blend-mode
- [Instructor] Mixed blend mode allows you to blend an image or other element with the parent element and its background or image or whatever sits in it. Background blend mode allows you to blend the background images of an element or blend the background image with the element's background color. Notice I said background images, plural? That's because in any element, you can actually add more than one background image. You do that by simply comma separating all the image URLs in the background property. Now this blend mode relates only to background images and it can produce some really interesting results. The best example I've found so far is actually the one that sits in the MDN web docs. Here, you get a good example of using two background images and then blending them together. So in the background property of this item it says background URL, and then image number one and then image number two, and the background blend…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.