Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Next-Gen App & Browser Testing Cloud

CSS background-blend-mode

This property allows blending between a CSS background-image, gradient, or color and the content of the element.

Last updated on : 2023-03-20

Browser Versions

IEIE

EdgeEdge

FirefoxFirefox

ChromeChrome

SafariSafari

OperaOpera

5.5 - 11
Test on IE 5.5 - 11 ...
12 - 18
Test on Edge 12 - 18 ...
79 - 111
Test on Edge 79 - 111 ...
2 - 29
Test on Firefox 2 - 29 ...
30 - 113
Test on Firefox 30 - 113 ...
4 - 34
Test on Chrome 4 - 34 ...
46 - 46
Test on Chrome 46 - 46 ...
35 - 114
Test on Chrome 35 - 114 ...
3.2 - 7
Test on Safari 3.2 - 7 ...
7.1 - 10
Test on Safari 7.1 - 10 ...
10.1 - 16.4
Test on Safari 10.1 - 16.4 ...
9.5 - 21
Test on Opera 9.5 - 21 ...
33 - 33
Test on Opera 33 - 33 ...
22 - 95
Test on Opera 22 - 95 ...

...Fully Supported

...Partially

...No Support

Browser Compatibility

CSS background-blend-mode on IE is not supported on any IE versions.

CSS background-blend-mode on Edge is fully supported on 79-111, and not supported on 12-18 Edge versions.

CSS background-blend-mode on Firefox is fully supported on 30-113, and not supported on 2-29 Firefox versions.

CSS background-blend-mode on Chrome is fully supported on 35-114, partially supported on 46-46, and not supported on 4-34 Chrome versions.

CSS background-blend-mode on Safari is fully supported on 10.1-16.4, partially supported on 7.1-10, and not supported on 3.2-7 Safari versions.

CSS background-blend-mode on Opera is fully supported on 22-95, partially supported on 33-33, and not supported on 9.5-21 Opera versions.

CSS background-blend-mode on Safari on iOS is fully supported on 10.3-16.4, partially supported on 8.1-10, and not supported on 3.2-7 Safari on iOS versions.

CSS background-blend-mode on Android Browser is fully supported on 97-111, and not supported on 2.1-4 Android Browser versions.

CSS background-blend-mode on Opera Mobile is fully supported on 64-73, and not supported on 10-12 Opera Mobile versions.

CSS background-blend-mode on Chrome for Android is fully supported on all Chrome for Android versions.

CSS background-blend-mode on Firefox for Android is fully supported on all Firefox for Android versions.

CSS background-blend-mode on Samsung Internet is fully supported on all Samsung Internet versions.

92
Hightooltip

Overall Browser Compatibility Score

Note:CSS background-blend-mode shows a browser compatibility score of 92. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.


Test on 3000+ browsers for CSS background-blend-mode & more

Test your website for CSS background-blend-mode and other web technologies. Get 100 FREE automation test minutes!

Test Now...

KaneAI - Testing Assistant

World’s first AI-Powered E2E testing agent.

...
ShadowLT Logo

Start your journey with LambdaTest

Get 100 minutes of automation test minutes FREE!!

Signup for free

Did you find this page helpful?

Helpful

NotHelpful