CSS转换未发生在：悬停但发生在：活动

我有一些SVG我正在尝试动画。当我悬停或单击整个svg时，子对象应该更改颜色。这一切都在起作用。我想在：hover和：active上设置颜色更改的动画，但结果不一致。单击SVG时，动画将运行，但不会悬停。这对我来说似乎很奇怪

.fillStroke{ 填充物：007fa3； 过渡：所有0.3秒缓解； } .图标：悬停.填充笔划{ 行程：007fa3； } .图标：活动。填充笔划{ 填充：333； 中风：333 } 偶像

---

您不能在代码笔上的关键字属性（如none）和值属性（如0016e4）之间转换。如果您想使用将转换的关键字属性，可以尝试透明，因为它在功能上类似于rgba0、0、0、0，并且在该属性和目标之间有明确的步骤

---

这里的例子：

它正在为我制作悬停。谢谢。行了