我想要实现的效果是在div中的图像顶部有一个彩色高光(通过它可以看到一些不透明度(，当你将鼠标悬停在该图像上时，鼠标周围某个半径处的高光将被去除(想象一下将手电筒照射在灰色图像上，以显示手电筒周围更亮的图像(
我不知道从哪里开始，因为我不确定如果不在css中设置比例属性，是否可以动态地为div的一部分设置样式。我知道我可以通过悬停和悬停时div的样式部分来实现这种"块状"版本，但这意味着我必须将样式约束为分离的div元素，并且它不会是"流动的"，所以我正在寻找一些指向我可以编写的js解决方案的指针(可能在鼠标悬停时调用了一个函数，该函数可以获取鼠标位置并获取其周围的半径，但后来我不确定如何动态设置该径向区域的样式？(
是否有任何功能允许在动态区域内进行这种类型的造型？
您正在寻找的解决方案可以通过CSS实现，但使用JavaScript鼠标事件也会有所帮助。正如评论部分所讨论的，您可以使用mousemove事件的帮助以某种方式实现您想要的。
供其他用户参考，这里是代码笔的链接https://codepen.io/edupoch/pen/GIhJq
在上面的代码笔中，您可以使用具有所需效果的gif图像，而不是放大光标图像，并使用上面的代码应用它。