LayoutTests/css3/color-filters/color-filter-sepia.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>CSS Test: sepia color-filter</title>
   5         <link rel="author" title="Apple" href="http://www.apple.com/">
   6         <link rel="match" href="color-filter-sepia-expected.html">
   7
   8         <meta name="assert" content="sepia 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     </head>
  21     <body>
  22         <div class="test" style="color-filter: sepia()"></div>
  23         <div class="test" style="color-filter: sepia(2)"></div>
  24         <div class="test" style="color-filter: sepia(1)"></div>
  25         <div class="test" style="color-filter: sepia(0.5)"></div>
  26         <div class="test" style="color-filter: sepia(0)"></div>
  27         <div class="test" style="color-filter: sepia(-0.5)"></div>
  28     </body>
  29 </html>