Merge pull request Modernizr#1392 from patrickkettner/background-blen…

…d-mode add detect for background-blend-mode
sshyran · Jul 27, 2014 · 309edbe · 309edbe
2 parents b110b0a + c366b3f
commit 309edbe
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/feature-detects/css/backgroundblendmode.js b/feature-detects/css/backgroundblendmode.js
@@ -0,0 +1,24 @@
+/*!
+{
+  "name": "CSS Background Blend Mode",
+  "property": "backgroundblendmode",
+  "caniuse": "css-backgroundblendmode",
+  "tags": ["css"],
+  "notes": [
+    {
+      "name": "CSS Blend Modes could be the next big thing in Web Design",
+      "href": " https://medium.com/@bennettfeely/css-blend-modes-could-be-the-next-big-thing-in-web-design-6b51bf53743a"
+    }, {
+      "name": "Demo",
+      "href": "http://bennettfeely.com/gradients/"
+    }
+  ]
+}
+!*/
+/*
+Detects the ability for the browser to composite backgrounds using blending modes
+similar to ones found in Photoshop or Illustrator
+*/
+define(['Modernizr', 'prefixed'], function( Modernizr, prefixed ) {
+  Modernizr.addTest('backgroundblendmode', prefixed('backgroundBlendModes', 'text'));
+});
diff --git a/lib/config-all.json b/lib/config-all.json
@@ -31,6 +31,7 @@
     "test/crypto/getrandomvalues",
     "test/css/all",
     "test/css/animations",
+    "test/css/backgroundblendmode",
     "test/css/backgroundcliptext",
     "test/css/backgroundposition-shorthand",
     "test/css/backgroundposition-xy",