使SVG和JS过渡工作

Question

我有这个问题，我无法解决。

我正在做一个菜单，我想要一个很酷的打开/关闭按钮，所以我做了一个SVG文件，使一切都变得非常漂亮。

.icon-grid { 
    width: 50px; 
    height: 50px; 
    fill: #000; 
    transition: all 1s ease; 
} 

https://jsfiddle.net/mateuszrybin/0n78dg30/ 按下按钮。

问题我只是无法在黑色和红色之间进行填充转换工作。颜色刚刚弹出。它适用于旋转但不填充，任何人有任何想法？

Answer 1

您应该使用SVG DOM API。在here上有一个很好的教程。请仔细阅读。一切都很好解释。