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

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