fast/css/nested-rounded-corners.html

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
 
<meta content="text/html; charset=UTF-8" http-equiv="content-type"> 
<style> 
.oauto {
  overflow: scroll;
}
 
.ohidden {
  overflow: hidden;
}
 
.border1 {
  border: 20px solid green;
  -webkit-border-radius: 50px;
}
.border2 {
  border: 20px solid blue;
  -webkit-border-radius: 50px;
}
</style> 
 
</head> 
<body> 
 
<div class="oauto"> 

  <div class="ohidden border1"> 
    <div class="ohidden border2"> 
      <div class="ohidden border1"> 
        <div class="ohidden border2"> 
          <div class="ohidden border1"> 
            <div class="ohidden border2"> 
              <div class="ohidden border1"> 
                <div class="ohidden border2"> 
                  <div class="ohidden border1"> 
                    <div class="ohidden border2"> 
                      <div class="ohidden border1"> 
                        <div class="ohidden border2">
                          <div> </div> 
                        </div> 
                      </div> 
                    </div> 
                  </div> 
                </div> 
              </div> 
            </div> 
          </div> 
        </div> 
      </div> 
    </div> 
  </div> 
</div> 
 
</body> 
</html>