third_party/WebKit/LayoutTests/fast/box-shadow/box-shadow-with-zero-radius.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5 .greenSquare-shadow {
   6     position: absolute;
   7     top: 50px;
   8     left: 50px;
   9     width: 100px;
  10     height: 100px;
  11     border-bottom-right-radius: 50px 50px;
  12     border-top-left-radius: 50px 50px;
  13     background-color: green;
  14     box-shadow: 110px 110px 0px 10px #000000;
  15 }
  16
  17 .yellowSquare-shadow {
  18     position: absolute;
  19     top: 20px;
  20     left: 250px;
  21     width: 120px;
  22     height: 120px;
  23     border-top-right-radius: 60px 60px;
  24     border-bottom-left-radius: 70px 60px;
  25     background-color: yellow;
  26     box-shadow: 110px 150px 0px 10px #000000;
  27 }
  28
  29 .container {
  30     position: absolute;
  31 }
  32 </style>
  33 </head>
  34 <body>
  35 <!-- [bug 99928] https://bugs.webkit.org/show_bug.cgi?id=99928 -->
  36 <!-- [CSS] shadow from radius has wrong render in webkit -->
  37 <div class="container">
  38   <div id="green" class="greenSquare-shadow"></div>
  39   <div id="yellow" class="yellowSquare-shadow"></div>
  40 </div>
  41 </body>
  42 </html>