Concetreic traingle

by Kondal Durgam

HTML

<div class="parent circle">
    <div class="child circle">
      <div class="child_child">
      &nbsp;
      </div>
    </div>
</div>

CSS

.parent{
  width:400px;
  height:400px;
  background:red;
  position:relative
}
.circle{
  border-radius:50%;
}
.child{
  width:50%;
  height:50%;
  position:relative;
  background:green;
  left:25%;
  top:25%;
}
.child_child{
  position:relative;
  background:yellow;
  width:50%;
  height:50%;
  left:25%;
  top:25%;
  border-radius:50%;
}