background-blend-mode with color and image
Notes:
- background-image appears on top of background-color (and covers it)
- can be used with
- background-image and background-color
- 2 or more images or gradients (see below)
- the same image 2 times (to get the effects without using photo-shop) (see below)
- more than one value for background-blend-mode
- Kevin Powell mostly used: screen, multiply, overlay
See: MDN reference
Thanks for the image to Ronan
Furuta