在svg元素類中添加css轉換

Question

我在探索this示例的markAvailable屬性。 我想在端口顏色改變時添加一個轉換。 所以我改變了CSS如下：

/* port styling */ 
.available-magnet{ 
    fill: yellow; 
    transition: fill 0.5s; 
} 

.port circle{ 
    transition: fill 0.5s; 
} 

但我仍然沒有得到任何過渡。

UPDATE

我創建了一個example。很明顯，問題出在defaultLink屬性中。特別是，刪除屬性我得到了正確的轉換，但是以這種方式，我失去了一個基本的屬性來滿足我的需要，那的確是讓所有鏈接與較低的z索引。如果你在Chrome中，如果你是在Mozilla使用-moz-過渡

Answer 1

使用-webkit-轉變是正確的。 爲了保持其他元素背面的每個鏈接（對應於設置z值等於-1），每次創建新鏈接時，只需使用方法link.toBack()即可。通過這種方式，轉換工作。

Answer 2

的實例報道更新