Filter Effects Level 2 proposal: backdrop-filter (#155)

Supported by Webkit : https://developer.mozilla.org/fr/docs/Web/CSS/backdrop-filter
LeaVerou · Feb 21, 2017 · 8cb1a4f · 8cb1a4f
1 parent 5a4f1f2
commit 8cb1a4f
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/tests.js b/tests.js
@@ -680,7 +680,7 @@ window.Specs = {
 	},
 
 	"filter-effects": {
-		"title": "Filter Effects",
+		"title": "Filter Effects Level 1",
 		"properties": {
 			"filter": ["none", "url(#id)", "url(image.svg#id)", "blur(5px)", "brightness(0.5)", "contrast(150%)", "drop-shadow(15px 15px 15px black)", "grayscale(50%)", "hue-rotate(50deg)", "invert(50%)", "opacity(50%)", "sepia(50%)", "saturate(150%)", "grayscale(100%) sepia(100%)"],
 			"flood-color" : ["black", "#FFF"],
@@ -689,6 +689,13 @@ window.Specs = {
 			"lighting-color" : ["white", "#000"]
 		}
 	},
+
+	"filters-2": {
+		"title": "Filter Effects Level 2",
+		"properties": {
+			"backdrop-filter": ["none", "url(#id)", "url(image.svg#id)", "blur(5px)", "brightness(0.5)", "contrast(150%)", "drop-shadow(15px 15px 15px black)", "grayscale(50%)", "hue-rotate(50deg)", "invert(50%)", "opacity(50%)", "sepia(50%)", "saturate(150%)", "grayscale(100%) sepia(100%)"],
+		}
+	},
 
 	"pointerevents": {
 		"title": "Pointer Events",