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