SVG变换比例不适用

我已经在html中包含了一个内联svg。我的目标是确定单个星星，并将“闪烁”效果用作关键帧。我注意到它的变换属性有内联样式属性。SVG变换比例不适用

我将个别星形的改为transform-origin: 50% 50%，并增加了transform: scale(1.2)，以测试简单的缩放效果。

由于某些原因，当我将鼠标悬停在#star元素上时，我看不到应用的变换。这颗恒星在盘旋时消失。

继承人链接到我的codepen

2017-10-20 Johnny G.

应用transform:scale()到#star:hover polygon这应该更改组内的多边形的大小。

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

2017-10-20 13:39:47

其工程─TY队友！ –

回答