Implement rendering support for the color-filter CSS property
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-opacity.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: opacity color-filter</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="color-filter-opacity-expected.html">
7
8         <meta name="assert" content="opacity color-filter">
9         <style type="text/css">
10             .test
11             {
12                                 width: 200px;
13                                 height: 200px;
14                                 background-color: green;
15                                 margin: 10px;
16                                 float: left;
17             }
18                         
19                         .test > div {
20                                 width: 100px;
21                                 height: 100px;
22                                 margin: 50px;
23                                 background-color: blue;
24                         }
25         </style>
26                 <script>
27                         if (window.internals)
28                             internals.settings.setColorFilterEnabled(true);
29                 </script>
30     </head>
31     <body>
32         <div class="test" style="color-filter: opacity()"><div></div></div>
33         <div class="test" style="color-filter: opacity(2)"><div></div></div>
34         <div class="test" style="color-filter: opacity(1)"><div></div></div>
35         <div class="test" style="color-filter: opacity(0.5)"><div></div></div>
36         <div class="test" style="color-filter: opacity(0)"><div></div></div>
37         <div class="test" style="color-filter: opacity(-0.5)"><div></div></div>
38     </body>
39 </html>