jquery - 如何让涟漪更明显？

Question

我希望使 jQuery 波纹效果在背景颜色而不是图像上更加明显。

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

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

这使用了来自: https://github.com/sirxemic/jquery.ripples 的 jquery Ripples 插件

Answer 1

您可以对其用于绘图的 Canvas 应用非常高的对比度:

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

叉形代码笔:https://codepen.io/anon/pen/dqKMZg