console
<svg width="800" height="800">
<path d="M167.8 189.6 l-30.7 16.9 267.3 148.1 31.8 -17.6z M474.3 354.3 l -30.7 16.8 267.3 148.1 31.8 -17.6z M400.4 357.9 l 30.7 16.8 -267.3 148.1 -31.8 -17.6z M712.5 187.5 l 30.8 16.8 -267.4 148.1 -31.7 -17.6z"class="zhuan"transform-origin="440px,354px"/>
<circle class="yuan" r="15" cx="440" cy="354" fill="blue">
</svg>
@keyframes huan{
0%{
fill:#ff6666;
}
20%{
fill:#ccff99;
}
40%{
fill:#ccff;
}
60%{
fill:#ff66ff;
}
80%{
fill:#ffff66;
}
100%{
fill:#cccccc;
}
}
.yuan{
animation: huan 1s infinite
}
@keyframes jiaodu{
from{transform: rotate(0deg)
}
to{transform: rotate(360deg)
}
0%{
fill:red;
}
50%{
fill:blue;
}
100%{
fill:black;
}
}
.zhuan{
transform-origin: 50% 50%;
animation: jiaodu 0.04s infinite linear
}