SOURCE

<div class="toothbg"></div>
<div class="toothbg1"></div>
<div class="demo"></div>

/* 
.toothbg{
transform: rotate(180deg);
  width:100%;height:15px;

  background-image:-webkit-gradient(
  radial,
  50% 0,5,50% 0 ,16,from(#fff),color-stop(50%, #fff),color-stop(50%, #d86707),
  to(#d86707));                      
    background-size:30px 15px;
    background-repeat:repeat-x;
    background-position:0 100%;                    
} */


.toothbg1{
  margin-top: 10px;
  width:100%;height:50px;
  background: radial-gradient(10px at bottom,  #fff 10px, transparent) 10px/50px, linear-gradient(to right, #ff3a00, #ff7f00);       
  /* background-repeat:repeat-x; */
  background-position:0 100%;                    
}