jquery - CSS3 中的动态掩码无法正常工作

Question

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

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

http://jsfiddle.net/mrdSs/101/

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

Answer 1

http://jsfiddle.net/5J8D6/4/

不要circle closest-side改用 try 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)";

见http://www.impressivewebs.com/css3-radial-gradient-syntax/