Implement rendering support for the color-filter CSS property
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-box-shadow.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: color-filter affects box-shadow color</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="color-filter-box-shadow-expected.html">
7
8         <meta name="assert" content="color-filter affects box-shadow color">
9         <style type="text/css">
10             .test
11             {
12                                 width: 200px;
13                                 height: 200px;
14                                 background-color: rgb(255, 128, 255);
15                                 box-shadow: 50px 50px 0 yellow;
16                                 color-filter: invert();
17             }
18         </style>
19                 <script>
20                         if (window.internals)
21                             internals.settings.setColorFilterEnabled(true);
22                 </script>
23     </head>
24     <body>
25         <p>Test passes if there is a green square with an offset blue square behind it.</p>
26         <div class="test"></div>
27     </body>
28 </html>