Html png图像周围的CSS动画发光效果

.zuphologo{
垫顶：33%；
垫底：2%；
}
.fx{
盒影：0px 0px 100px 4px#fff；
动画：辉光1.5s线性无限交替；
}
@关键帧发光{
到{
盒影：0px 0px 30px 20px#fff；
}
}

我的爱/我的爱/我的爱/我的爱

我将阴影SVG六边形与

过滤器：blur（）

和属性

填充一起用于着色


*{
填充：0；
保证金：0；
}
身体{
显示器：flex；
最小高度：100vh；
对齐项目：居中；
证明内容：中心；
背景色：黑色；
}
div{
位置：相对位置；
}
img，
svg{
位置：绝对位置；
转换：翻译（-50%，-50%）；
}
svg{
宽度：168px；
高度：196px；
变换：平移（-50%，-50%）旋转（30度）；
动画：辉光1.5s线性无限交替；
过滤器：模糊（0px）；
z指数：-10；
填充：#aaa；
过渡：.2s；
}
@关键帧发光{
从…起
到{
过滤器：模糊（0px）；
}
50% {
滤波器：模糊（80px）；
}
}
img:hover+svg{
填充：rgba（244,66,232,1）；
}
}

图像是方形的，因此边框效果也是方形的。您可能需要创建一个较小的圆形元素来承载该效果，然后将正方形图像绝对放置在其上。我会提供更多帮助，但您没有提供任何代码。你应该读这些：嗨，安德烈，看起来很棒，但不知道如何应用它——我的html是这样的：对不起，我已经做了很多了。我向你展示了解决问题的原则。不知道，伙计-对不起，这对我没有帮助。但是谢谢你的努力