[英]Highlight SVG group elements like <rect> with CSS / Javascript /jQuery
I am trying to highlight the SVG element on hover as glowing element. 我试图突出显示悬停时的SVG元素作为发光元素。
I know we can use it using filters. 我知道我们可以使用过滤器来使用它。
But, I wonder is there any easier way to achieve that by using CSS or JavaScript or JQuery 但是,我想知道有没有更简单的方法可以通过使用CSS或JavaScript或JQuery来实现
I know following code works on Chrome: 我知道以下代码可在Chrome上运行:
-webkit-svg-shadow: 0 0 7px red;
But I cannot rely on this code as it doesnt work on Safari or Firefox. 但是我不能依赖此代码,因为它无法在Safari或Firefox上运行。
Any ideas/suggestions? 有什么想法/建议吗?
Something like this might work, just use a css-box shadow on the svg element :hover
. 像这样的事情可能会起作用,只需在svg元素
:hover
上使用css-box阴影。
HTML HTML
<svg height=100 width=100 xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"></svg>
CSS CSS
svg{
background-color:#ccc;
}
svg:hover{
box-shadow: 0 0 20px yellow;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.