Implement rendering support for the color-filter CSS property
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-current-color.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: color-filter affects currentColor</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="color-filter-current-color-expected.html">
7
8         <meta name="assert" content="color-filter affects currentColor">
9         <style type="text/css">
10             .test
11             {
12                                 height: 200px;
13                                 width: 200px;
14                                 margin: 10px;
15                                 color: rgb(255, 128, 255);
16                                 border: 4px solid yellow;
17                                 color-filter: invert();
18             }
19                         
20                         .first
21                         {
22                                 background-color: currentColor;
23                         }
24                         
25                         .second > div {
26                                 width: 100%;
27                                 height: 100%;
28                                 background-color: currentColor;
29                         }
30         </style>
31                 <script>
32                         if (window.internals)
33                             internals.settings.setColorFilterEnabled(true);
34                 </script>
35     </head>
36     <body>
37         <p>Test passes if there are two green squares with a blue border.</p>
38         <div class="test first"></div>
39         <div class="test second"><div></div></div>
40     </body>
41 </html>