如何让波纹更明显？

Question

我希望让 jQuery 涟漪效果在背景颜色而不是图像上更明显。

https://codepen.io/glittergirl/pen/LJmKWw 在此示例中，您可以看到波纹几乎不可见，因此我正在寻找一种方法来更改波纹效果的颜色/对比度，使其看起来像有色液体

$(document).ready(function() {
  $('section').ripples();
})

这使用来自：https://github.com/sirxemic/jquery.ripples 的 jquery 涟漪插件

Answer 1

您可以对用于绘图的画布应用非常高的对比度：

.jquery-ripples canvas { filter: contrast(1000%); }

分叉的 Codepen：https://codepen.io/anon/pen/dqKMZg

Answer 2

$(document).ready(function(){
    $('section').ripples({
        perturbance : 0.9
   });
});

试试这个。