third_party/WebKit/LayoutTests/fast/borders/border-shadow-large-radius.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <script>
   5 if (window.testRunner)
   6    testRunner.dumpAsTextWithPixelResults();
   7 </script>
   8 <style>
   9 div {
  10   width: 500px;
  11   height: 200px;
  12   margin: 30px 30px 20px 30px;
  13   background: blue;
  14   padding: 0px;
  15 }
  16
  17 .neg-shadow {
  18   box-shadow: 260px 30px 0px -10px lime;
  19 }
  20
  21 .rounded1 {
  22  /* 191px triggers the square shadow 190px doesn't  |  200px triggers the missing section of shadow and a square shadow;  199px doesn't but keeps the square  */
  23   border-radius: 0 0 200px 0;
  24 }
  25 </style>
  26 </head>
  27 <body>
  28 <!--[bug 72103] Test box-shadow with negative spread. Even if the spread is negative, the shadow's shape should not be a rectangle. The box shadow should be rounded.-->
  29 <div class="neg-shadow rounded1"></div>
  30 </body>
  31 </html>