Allows blending between CSS background images, gradients, and colors. The background-blend-mode CSS property determines how an element's background images should blend with each other and with the element's background color. Blending modes should be defined in the same order as the background-image property. If the blending modes' and background images' list lengths are not equal, it will be repeated and/or truncated until lengths match.
BROWSER SUPPORT FOR
Chrome browser version 4 to 34 doesn't supports this browser element. This property is compatible with Chrome 35 to 67.
Mozilla firefox version 2 to 29 doesn't support this property.
CSS background-blend-mode is compatible with Firefox 30 to 60.
IE browser doesn't support
Safari browser version 3.1 to 7 are not supported for this property. Safari 7.1 to 11.1 supports this property.
This browser element is not supported by Microsoft Edge browser.
Opera browser version 10.1 to 21 doesn't supports this property.This property is supported by Opera 22 to 53.
Test your Web App on LambdaTest
With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues and ensure that your webpage fallbacks are working fine on browsers that do not support
Information sourced from
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Other Browser Elements and Properties
All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.
Fastest Way for Cross Browser Testing
You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest
Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest
Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest
Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest
Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.
Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message here, and we would help you out.