Html SVG使用animateTransform仔细缩放悬停类效果_Html_Css_Svg_Smil

Html SVG使用animateTransform仔细缩放悬停类效果

html css svg

Html SVG使用animateTransform仔细缩放悬停类效果,html,css,svg,smil,Html,Css,Svg,Smil,我正在尝试使用SVG SMIL动画制作悬停效果。需要校正鼠标悬停和mouseover:mouseover=scale+15%和opacity-50%和鼠标悬停反转。当鼠标在单独的元素上移动到我的敏感矩形中时没有跳跃。多谢各位 dscn.n dscn.n 预期结果是什么？mouseover=缩放+15%，不透明度-50%，mouseout反向-我正在寻找。你现在可以看到这个了

我正在尝试使用SVG SMIL动画制作悬停效果。

需要校正鼠标悬停和

mouseover:mouseover=scale+15%和opacity-50%

和鼠标悬停反转。当鼠标在单独的元素上移动到我的敏感矩形中时没有跳跃。多谢各位


dscn.n


dscn.n

预期结果是什么？mouseover=缩放+15%，不透明度-50%，mouseout反向-我正在寻找。你现在可以看到这个了