third_party/WebKit/LayoutTests/fast/css/nested-rounded-corners.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2 <head>
   3
   4 <meta content="text/html; charset=UTF-8" http-equiv="content-type">
   5 <style>
   6 .oauto {
   7   overflow: scroll;
   8 }
   9
  10 .ohidden {
  11   overflow: hidden;
  12 }
  13
  14 .border1 {
  15   border: 20px solid green;
  16   -webkit-border-radius: 50px;
  17 }
  18 .border2 {
  19   border: 20px solid blue;
  20   -webkit-border-radius: 50px;
  21 }
  22 </style>
  23
  24 </head>
  25 <body>
  26
  27 <div class="oauto">
  28
  29   <div class="ohidden border1">
  30     <div class="ohidden border2">
  31       <div class="ohidden border1">
  32         <div class="ohidden border2">
  33           <div class="ohidden border1">
  34             <div class="ohidden border2">
  35               <div class="ohidden border1">
  36                 <div class="ohidden border2">
  37                   <div class="ohidden border1">
  38                     <div class="ohidden border2">
  39                       <div class="ohidden border1">
  40                         <div class="ohidden border2">
  41                           <div> </div>
  42                         </div>
  43                       </div>
  44                     </div>
  45                   </div>
  46                 </div>
  47               </div>
  48             </div>
  49           </div>
  50         </div>
  51       </div>
  52     </div>
  53   </div>
  54 </div>
  55
  56 </body>
  57 </html>