Question

我在html中包含了一个内联svg。我的目标是确定个体明星并应用一个闪烁的＆＃34;效果作为关键帧。我注意到它的转换属性有内联样式属性。

我将单个星标transform-origin #star更改为transform-origin: 50% 50%并添加transform: scale(1.2)，以测试简单的缩放效果。

出于某种原因，当我将鼠标悬停在#star元素上时，我看不到正在应用的转换。这颗星在悬停时消失。

的链接

Answer 1

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

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