Clean up color-filter tests.
[WebKit-https.git] / LayoutTests / css3 / color-filters / color-filter-filter-list.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <title>CSS Test: color-filter lists</title>
5         <link rel="author" title="Apple" href="http://www.apple.com/">
6         <link rel="match" href="color-filter-filter-list-expected.html">
7
8         <meta name="assert" content="color-filter lists">
9         <style type="text/css">
10             .test
11             {
12                 width: 100px;
13                 height: 100px;
14                 background-color: purple;
15                 outline: 50px solid green;
16                 margin: 60px;
17                 float: left;
18             }
19         </style>
20     </head>
21     <body>
22         <div class="test"></div>
23         <div class="test" style="color-filter: brightness(2) brightness(0.5)"></div>
24         <div class="test" style="color-filter: invert() hue-rotate(180deg)"></div>
25         <div class="test" style="color-filter: opacity(0.5) saturate(200%)"></div>
26         <div class="test" style="color-filter: grayscale(0.2) brightness(2)"></div>
27         <div class="test" style="color-filter: sepia() brightness(2)"></div>
28     </body>
29 </html>