CSS3中的動態遮罩無法正常工作

Question

我試圖使用漸變工具創建基本的簡單動態遮罩，但它無法正常工作。 請注意，我使用Google Chrome。

如果將鼠標從一個位置拖到另一個位置，則圓形狀和模糊更改很奇怪。

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

我怎麼可能解決這一問題？

Answer 1

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

不要使用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)"; 

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