LayoutTests/fast/css/color-correction-on-box-shadow.html

   1 <html>
   2 <style>
   3 .purple-corrected {
   4     background-color:#560063;
   5     width:100px;
   6     height:100px;
   7     -webkit-color-correction:sRGB;
   8     -webkit-box-shadow: 50px 50px 50px #560063
   9 }
  10
  11 .purple-uncorrected {
  12     background-color:#560063;
  13     width:100px;
  14     height:100px;
  15     -webkit-color-correction:default;
  16 }
  17 </style>
  18 <body>
  19
  20 <p>The shadow should match the color of the top square and not the color of the bottom square. The top square and its shadow are both color-corrected from sRGB.</p>
  21 <div class="purple-corrected"></div>
  22 <br/>
  23 <div class="purple-uncorrected"></div>
  24
  25 </body>
  26 </html>