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