如何使涟漪更明显？

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
   });
});

尝试一下。