| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| window.testRunner.dumpAsText(true); |
| </script> |
| <style> |
| div { |
| background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, linear-gradient(to right, white 0%, gray 100%), green; |
| width: 200px; |
| height: 200px; |
| margin: 10px; |
| } |
| </style> |
| </head> |
| <!-- This file should contain two divs with 3 background layers. Test background blend mode differences when only one layer blends differently. --> |
| <body> |
| <div style="-webkit-background-blend-mode: hue, difference, normal;"></div> |
| <div style="-webkit-background-blend-mode: difference, difference, normal;"></div> |
| </body> |
| </html> |
