src/third_party/WebKit/LayoutTests/css3/filters/null-effect-check.html

   1 <style>
   2 div {
   3     float:left;
   4     display: block;
   5     margin: 10px;
   6     padding:0px;
   7     width: 50px;
   8     height: 50px;
   9     background: green;
  10 }
  11 br {
  12     clear: left;
  13 }
  14 </style>
  15 <!--
  16     This test checks that a null filter will not affect the rendering of the box at all.
  17     There should be 13 green boxes on screen.
  18 -->
  19 <div style="-webkit-filter: blur(0)"></div>
  20 <div style="-webkit-filter: brightness(1)"></div>
  21 <div style="-webkit-filter: invert(0)"></div>
  22 <div style="-webkit-filter: contrast(1)"></div>
  23
  24 <br />
  25
  26 <div style="-webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0))"></div>
  27 <div style="-webkit-filter: grayscale(0)"></div>
  28 <div style="-webkit-filter: hue-rotate(0)"></div>
  29 <div style="-webkit-filter: invert(0)"></div>
  30
  31 <br />
  32
  33 <div style="-webkit-filter: opacity(1)"></div>
  34 <div style="-webkit-filter: saturate(1)"></div>
  35 <div style="-webkit-filter: sepia(0)"></div>
  36 <div style="-webkit-filter: blur(0) grayscale(0)"></div>
  37
  38 <br />
  39
  40 <div style="-webkit-filter: grayscale(0) blur(0)"></div>