Clean up color-filter tests.
[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     </head>
27     <body>
28         <div class="test" style="color-filter: opacity()"><div></div></div>
29         <div class="test" style="color-filter: opacity(2)"><div></div></div>
30         <div class="test" style="color-filter: opacity(1)"><div></div></div>
31         <div class="test" style="color-filter: opacity(0.5)"><div></div></div>
32         <div class="test" style="color-filter: opacity(0)"><div></div></div>
33         <div class="test" style="color-filter: opacity(-0.5)"><div></div></div>
34     </body>
35 </html>