Css 未应用SVG变换比例

我在html中包含了一个内联svg。我的目标是识别单个恒星并应用“闪烁”效果作为关键帧。 我注意到它的变换属性有内联样式属性

我将单个星的

变换原点

，

#星

更改为

变换原点：50%50%

，并添加了

变换：缩放（1.2）

，只是为了测试一个简单的缩放效果

出于某种原因，当我将鼠标悬停在

#star

元素上时，我看不到正在应用转换。那颗星在盘旋时消失了

---

这里是我的链接

将

变换：缩放（）

应用于

#星形：悬停多边形

这将更改组中多边形的大小

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