Question

我尝试使用渐变工具创建一个基本的简单动态蒙版，但它无法正常工作。 请注意我使用的是谷歌浏览器。

如果将鼠标从一个位置拖动到另一个位置，则圆形和模糊会发生变化，这很奇怪。

我怎么可能解决这个问题？

Answer 1

请勿使用circle closest-side代替50px 50px。我们需要设置一个明确的形状和大小

var t = "background-image: -webkit-radial-gradient("+e.pageX+"px "+e.pageY+"px, 50px 50px,  rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100px)";