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

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