css 如何用CSS动画SVG的填充颜色？

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 如何用CSS动画SVG的填充颜色？相关的知识，希望对你有一定的参考价值。

<svg width="800" height="600" style="background-color:lightblue">
  <circle class="color" cx="50" cy="50" r="30" fill="gold" />
</svg>

.color {animation: col 3s linear infinite;}

@keyframes col {
0%,71% {fill:none}
72% {fill:black}
75%,100% {fill:none}
}

以上是关于css 如何用CSS动画SVG的填充颜色？的主要内容，如果未能解决你的问题，请参考以下文章