LayoutTests/fast/css/box-shadow-and-border-radius.html

   1 <html>
   2 <head>
   3     <style type="text/css">
   4         div.h_box {
   5             background-color: green;
   6             height: 60px;
   7             box-shadow: 12px 12px 16px black;
   8             margin: 24px;
   9         }
  10         #shadowed_box1 {
  11             border-radius: 0 0 60px 60px;
  12         }
  13         #shadowed_box2 {
  14             border-radius: 60px 60px 0 0;
  15         }
  16         #shadowed_box3 {
  17             border-radius: 60px 60px 60px 60px;
  18         }
  19         div.v_box {
  20             background-color: green;
  21             height: 200px;
  22             width: 60px;
  23             box-shadow: 12px 12px 16px black;
  24             margin: 20px;
  25         }
  26         #shadowed_box4 {
  27             border-radius: 60px 0 0 60px;
  28         }
  29         #shadowed_box5 {
  30             border-radius: 0 60px 60px 0;
  31         }
  32         #shadowed_box6 {
  33             border-radius: 0 60px 0 60px;
  34         }
  35         #shadowed_box7 {
  36             border-radius: 60px 0 60px 0;
  37         }
  38         #shadowed_box8 {
  39             border-radius: 60px 60px 60px 60px;
  40         }
  41     </style>
  42 </head>
  43 <body>
  44     <div class="h_box" id="shadowed_box1"></div>
  45     <div class="h_box" id="shadowed_box2"></div>
  46     <div class="h_box" id="shadowed_box3"></div>
  47     <table><tr><td>
  48     <div class="v_box" id="shadowed_box4"></div></td><td>
  49     <div class="v_box" id="shadowed_box5"></div></td><td>
  50     <div class="v_box" id="shadowed_box6"></div></td><td>
  51     <div class="v_box" id="shadowed_box7"></div></td><td>
  52     <div class="v_box" id="shadowed_box8"></div>
  53     </td></tr></table>
  54 </body>
  55 </html>