third_party/WebKit/LayoutTests/fast/text/shadow-translucent-fill.html

   1 <script src="../../resources/ahem.js"></script>
   2 <style>
   3     div {
   4         height: 72px;
   5         font-family: Ahem;
   6         font-size: 24px;
   7     }
   8 </style>
   9 <p>
  10     Test that the intensity of text-shadow does not depend on the transparency
  11     of the text fill color.
  12 </p>
  13 <div style="text-shadow: green 0 36px 0;">
  14     A
  15     <span style="color: transparent;">A</span>
  16     <span style="color: rgba(0, 0, 0, 0.1);">A</span>
  17 </div>
  18 <p>
  19     There should be three identical green squares on the line above.
  20 </p>
  21 <div style="text-shadow: green 0 36px 3px;">
  22     A
  23     <span style="color: transparent;">A</span>
  24     <span style="color: rgba(0, 0, 0, 0.1);">A</span>
  25 </div>
  26 <p>
  27     There should be three identical soft-edged green squares on the line above.
  28 </p>
  29 <div style="text-shadow: green 0 36px 0; -webkit-text-stroke: 5px blue;">
  30     A
  31     <span style="color: transparent;">A</span>
  32     <span style="color: rgba(0, 0, 0, 0.1);">A</span>
  33 </div>
  34 <p>
  35     There should be three identical green squares on the line above.
  36 </p>