Javascript 设置SVG属性（如填充颜色）的动画，而不使用第三方库_Javascript_Css_Svg_Css Animations_Svg Animate

Javascript 设置SVG属性（如填充颜色）的动画，而不使用第三方库

javascript css svg

Javascript 设置SVG属性（如填充颜色）的动画，而不使用第三方库,javascript,css,svg,css-animations,svg-animate,Javascript,Css,Svg,Css Animations,Svg Animate,如何使SVG的填充颜色从给定的开始（不透明黑色）到给定的结束（透明/无）设置一次动画。这应该由JavaScript函数触发，动画是一个持续几百毫秒的一次性动作。如何使用DOM/CSS做到这一点，而不必在Snap.svg这样的第三方库中进行绘制所以当我的回调被调用时立即设置填充：黑色从200ms过渡到fill:none 使用纯JS可以实现这一点。此线程有一个函数，可以执行您要求的操作： . 该函数获取元素、要设置动画的属性以及执行动画的速度（以毫秒为单位）。在您的情况下，类似这样的东西将

如何使SVG的填充颜色从给定的开始（不透明黑色）到给定的结束（透明/无）设置一次动画。这应该由JavaScript函数触发，动画是一个持续几百毫秒的一次性动作。如何使用DOM/CSS做到这一点，而不必在Snap.svg这样的第三方库中进行绘制

所以当我的回调被调用时

立即设置填充：黑色
从200ms过渡到
```
fill:none
```

动画（圆形，填充，300）


您可以从此触发动画
感谢您提供演示！