third_party/WebKit/LayoutTests/fast/box-shadow/inset-with-extraordinary-radii-and-border.html

   1 <html>
   2 <head>
   3 <style>
   4 body { background-color: black; }
   5
   6 .test {
   7     border-radius: 40px;
   8     -webkit-box-shadow: inset white 0 0 0 15px;
   9     border: 4px solid green;
  10     background-color: blue;
  11     margin: 20px;
  12 }
  13
  14 #test0 {
  15     height: 70px;
  16     width: 70px;
  17     float: left;
  18 }
  19
  20 #test1 {
  21     height: 100px;
  22     width: 70px;
  23     float: left;
  24 }
  25
  26 #test2 {
  27     height: 70px;
  28     width: 100px;
  29     float: right;
  30 }
  31
  32 #test3 {
  33     height: 100px;
  34     width: 100px;
  35     float: right;
  36 }
  37
  38 </style>
  39 </head>
  40 <body>
  41 <div>
  42   <div class="test" id="test0"></div>
  43   <div class="test" id="test1"></div>
  44   <div class="test" id="test2"></div>
  45   <div class="test" id="test3"></div>
  46 </div>
  47 </body>