我尝试使用渐变工具创建一个基本的简单动态 mask ,但它无法正常工作。 请注意,我使用的是 Google Chrome。
如果将鼠标从一个位置拖动到另一个位置,圆形和模糊会发生奇怪的变化。
http://jsfiddle.net/mrdSs/101/
我该如何解决这个问题?
最佳答案
不要使用 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/
关于jquery - CSS3 中的动态蒙版无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12733637/