<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.