Why mix blend mode not working with white and color images
while working with image, if find that mix blend mode not work with white color images
here is code : http://jsfiddle.net/dwstvzqe/11/
on the other it works fine with the others color
here is the code https://codepen.io/smashtheshell/pen/wvzwMLO
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
3 Replies
mix-blend-mode: hue creates a color with the hue of the content combined with the saturation and luminosity of the background. White has the maximum luminocity. So it doesnt matter what color you throw at it, it will apply the maximum luminocity to the hue of your color and appear white as wellhere a more in depth article about mix-blend-mode
https://css-tricks.com/almanac/properties/m/mix-blend-mode/
Robin Rendle
CSS-Tricks
mix-blend-mode | CSS-Tricks
The mix-blend-mode property defines how an element’s content should blend with its background. For example, the text of a could blend with the
you could try
color instead of hue (don't know if that suits your preferred outcome)