console
<svg width="1000" height="2000" >
<rect width="400" height="200" y="16" fill="red" class="yuan"/>
<rect width="10" height="800" stroke="black" y="20" stroke-width="10"/>
<polygon points="75,100 145,100 90,150 110,70 130,150 " fill="yellow" />
<polygon points="75,100 145,100 90,150 110,70 130,150 " fill="yellow"
transform="translate(120,0) scale(0.5) rotate(-15)"/>
<polygon points="75,100 145,100 90,150 110,70 130,150 " fill="yellow"
transform="translate(150,35) scale(0.5) rotate(-1) "/>
<polygon points="75,100 145,100 90,150 110,70 130,150 " fill="yellow"
transform="translate(150,80) scale(0.5) rotate(10)"/>
<polygon points="75,100 145,100 90,150 110,70 130,150 " fill="yellow"
transform="translate(130,120) scale(0.5) rotate(15) "/>
<text x="70" y="200" font-size="20px">(PLE)中国人民解放军八一军旗</text>
</svg>
@keyframes bianse{
0%{
fill: pink;
r:60;
}
20%{
fill:black;
r:70;
}
40%{
fill: orange;
r:80;
}
60%{
fill:blueviolet;
r:90;
}
80%{
fill: gold;
r:100;
}
}
.yuan{
animation: bianse 5s infinite ease 3s;
}