src/third_party/WebKit/LayoutTests/fast/repaint/shadow-multiple-strict-horizontal.html

   1 <!DOCTYPE HTML>
   2 <script type="text/javascript">
   3     if (window.testRunner) {
   4         testRunner.testRepaint();
   5         testRunner.repaintSweepHorizontally();
   6     }
   7 </script>
   8 <div style="
   9     font-family: Lucida Grande;
  10     font-weight: bold;
  11     font-size: 48px;
  12     margin: 20px;
  13     text-shadow: hsla(20, 100%, 50%, 1) 7px 4px 0
  14                , hsla(60, 100%, 50%, 1) -8px 14px 2px
  15                , hsla(100, 100%, 50%, 1) -21px -12px 5px;
  16 ">
  17     <span style="text-decoration: overline underline line-through;">&nbsp; &nbsp; &nbsp; multiple &nbsp; &nbsp;</span> &nbsp; &nbsp; shadows &nbsp; &nbsp; &nbsp;
  18 </div>
  19 <div style="
  20     width: 100px;
  21     height: 100px;
  22     margin: 100px;
  23     -webkit-border-radius: 25px;
  24     -webkit-box-shadow: hsla(20, 100%, 50%, 1) 7px 4px 0
  25                       , hsla(60, 100%, 50%, 1) -8px 14px 2px
  26                       , hsla(100, 100%, 50%, 1) -21px -12px 5px;
  27 ">
  28 </div>