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

   1 <style>
   2     div {
   3     width: 50px;
   4     height: 50px;
   5     float: left;
   6     margin: 0 25px 50px 25px;
   7     background-color: lightyellow;
   8 }
   9 </style>
  10 <!-- Positive spread does not increase border radii. -->
  11 <div style="
  12     -webkit-box-shadow: black 0 100px 0 20px;
  13     -webkit-border-radius: 10px;
  14 "></div>
  15 <!-- It uses the actual radii (in this case, 25px after scaling
  16      to fit in a total side length of 50px) not the specified radii. -->
  17 <div style="
  18     -webkit-box-shadow: black 0 100px 0 20px;
  19     -webkit-border-radius: 50px;
  20 "></div>
  21 <!-- Negative spread decreases the radii. -->
  22 <div style="
  23     -webkit-box-shadow: black 0 100px 0 -10px;
  24     -webkit-border-radius: 20px;
  25 "></div>