<div class="taiwan-flag"></div>
.taiwan-flag {
  position:relative;
  width: 800px;
  height: 480px;
  background: 
    radial-gradient(circle, #707372 0%, #707372 50%, transparent 50%) no-repeat,
    linear-gradient(
        to bottom,
        transparent,
        transparent 43%,
        #fff 43%,
        #fff 50.8%,
        transparent 50.8%
      )
      no-repeat,
    linear-gradient(
        to right,
        transparent,
        transparent 65%,
        #fff 65%,
        #fff 74%,
        transparent 74%
      )
      no-repeat,
    #198964 no-repeat;
  background-position: 37% 45.4%, 0% 0%, -20% bottom, 0% 0%;
  background-size: 3% 3%, auto, 50% 50%, auto;
}
.taiwan-flag:after{
  content:'aiwan';
    color:#fff;
  font-size:100px;
  position:absolute;
  left:230px;
  top:197px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.