OLD | NEW |
1 Test the computed style of the -webkit-filter property. | 1 Test the computed style of the -webkit-filter property. |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 | 6 |
7 Basic reference : url('#a') | 7 Basic reference : url('#a') |
8 PASS filterStyle is "url('#a')" | 8 PASS filterStyle is "url('#a')" |
9 | 9 |
10 Bare unquoted reference converting to quoted form : url(#a) | 10 Bare unquoted reference converting to quoted form : url(#a) |
(...skipping 170 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
181 Color then three values : drop-shadow(red 1px 2px 3px) | 181 Color then three values : drop-shadow(red 1px 2px 3px) |
182 PASS filterStyle is "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)" | 182 PASS filterStyle is "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)" |
183 | 183 |
184 Three values then color : drop-shadow(1px 2px 3px red) | 184 Three values then color : drop-shadow(1px 2px 3px red) |
185 PASS filterStyle is "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)" | 185 PASS filterStyle is "drop-shadow(rgb(255, 0, 0) 1px 2px 3px)" |
186 | 186 |
187 Color then three values with zero length : drop-shadow(#abc 0 0 0) | 187 Color then three values with zero length : drop-shadow(#abc 0 0 0) |
188 PASS filterStyle is "drop-shadow(rgb(170, 187, 204) 0px 0px 0px)" | 188 PASS filterStyle is "drop-shadow(rgb(170, 187, 204) 0px 0px 0px)" |
189 | 189 |
190 Three values with zero length : drop-shadow(0 0 0) | 190 Three values with zero length : drop-shadow(0 0 0) |
191 PASS filterStyle is "drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px)" | 191 PASS filterStyle is "drop-shadow(rgb(0, 0, 0) 0px 0px 0px)" |
192 | 192 |
193 Two values no color : drop-shadow(1px 2px) | 193 Two values no color : drop-shadow(1px 2px) |
194 PASS filterStyle is "drop-shadow(rgba(0, 0, 0, 0) 1px 2px 0px)" | 194 PASS filterStyle is "drop-shadow(rgb(0, 0, 0) 1px 2px 0px)" |
195 | 195 |
196 Multiple operations : grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg
) invert(0.2) opacity(0.9) blur(5px) | 196 Multiple operations : grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg
) invert(0.2) opacity(0.9) blur(5px) |
197 PASS filterStyle is "grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg)
invert(0.2) opacity(0.9) blur(5px)" | 197 PASS filterStyle is "grayscale(0.5) sepia(0.25) saturate(0.75) hue-rotate(35deg)
invert(0.2) opacity(0.9) blur(5px)" |
198 | 198 |
199 Percentage values : grayscale(50%) sepia(25%) saturate(75%) invert(20%) opacity(
90%) brightness(60%) contrast(30%) | 199 Percentage values : grayscale(50%) sepia(25%) saturate(75%) invert(20%) opacity(
90%) brightness(60%) contrast(30%) |
200 PASS filterStyle is "grayscale(0.5) sepia(0.25) saturate(0.75) invert(0.2) opaci
ty(0.9) brightness(0.6) contrast(0.3)" | 200 PASS filterStyle is "grayscale(0.5) sepia(0.25) saturate(0.75) invert(0.2) opaci
ty(0.9) brightness(0.6) contrast(0.3)" |
201 PASS successfullyParsed is true | 201 PASS successfullyParsed is true |
202 | 202 |
203 TEST COMPLETE | 203 TEST COMPLETE |
204 | 204 |
OLD | NEW |