SVG變換比例不適用

Question

我已經在html中包含了一個內聯svg。我的目標是確定單個星星，並將「閃爍」效果用作關鍵幀。 我注意到它的變換屬性有內聯樣式屬性。

我將個別星形的改爲transform-origin: 50% 50%，並增加了transform: scale(1.2)，以測試簡單的縮放效果。

由於某些原因，當我將鼠標懸停在#star元素上時，我看不到應用的變換。這顆恆星在盤旋時消失。

繼承人鏈接到我的codepen

Answer 1

應用transform:scale()到#star:hover polygon這應該更改組內的多邊形的大小。

#star:hover polygon{ 
transform: scale(1.2) 
} 

CODEPEN