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

   1 <html>
   2 <style>
   3 .purple-corrected {
   4     color:#560063;
   5     font-weight: bold;
   6     font-size: 100px;
   7     -webkit-color-correction:sRGB;
   8     text-shadow: 50px 50px 2px #560063
   9 }
  10
  11 .purple-uncorrected {
  12     color:#560063;
  13     font-weight: bold;
  14     font-size: 100px;
  15     -webkit-color-correction:default;
  16 }
  17 </style>
  18 <body>
  19
  20 <p>This is subtle, but the shadow should match the color of the top H and not the color of the bottom H. The top H and its shadow are both color-corrected from sRGB.</p>
  21 <span class="purple-corrected">H</span>
  22 <br/>
  23 <span class="purple-uncorrected">H</span>
  24
  25 </body>
  26 </html>