third_party/WebKit/LayoutTests/fast/box-shadow/spread-multiple-normal.html

   1 <html>
   2 <head>
   3 <style>
   4 .square {
   5   margin: 25px;
   6   height: 60px;
   7   width: 60px;
   8   background-color: black;
   9 }
  10
  11 .rounded {
  12   margin: 25px;
  13   height: 60px;
  14   width: 60px;
  15   background-color: black;
  16   border-radius: 30px;
  17 }
  18
  19 #negative {
  20   -webkit-box-shadow: 110px 0px 0px -10px #00f,
  21                       260px 0px 0px -15px #00d,
  22                       410px 0px 0px -20px #00b,
  23                       560px 0px 0px -25px #009;
  24 }
  25
  26 #positive {
  27   -webkit-box-shadow: 110px 0px 0px  10px #00f,
  28                       260px 0px 0px  15px #00d,
  29                       410px 0px 0px  20px #00b,
  30                       560px 0px 0px  25px #009;
  31 }
  32
  33 </style>
  34 <script>
  35 if (window.testRunner)
  36     testRunner.dumpAsTextWithPixelResults();
  37 </script>
  38 </head>
  39 <body>
  40 <div class="square" id="negative"></div>
  41 <div class="square" id="positive"></div>
  42 <div class="rounded" id="negative"></div>
  43 <div class="rounded" id="positive"></div>
  44 </body>
  45 </html>