SVG填充颜色悬停过渡不动画

Question

我有transition animations on an SVG，除了.logo-square和.logo-bg的填充颜色外，一切正常。颜色只是改变而没有任何漂亮的过渡。我肯定把它列为过渡，it works in my pen。

有人能帮助我解决我可能缺少的事情吗？

Answer 1

原来问题在于Safari如何使用某些与SVG相关的CSS属性进行渲染和操作。我已经放弃了这种方式，转而采用更简单的图像悬停过渡。