【问题标题】:How to make ripples more visible?如何让波纹更明显?
【发布时间】:2019-02-18 02:50:19
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: jquery html5-canvas


    【解决方案1】:

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

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

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

    【讨论】:

      【解决方案2】:
      $(document).ready(function(){
          $('section').ripples({
              perturbance : 0.9
         });
      });
      

      试试这个。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2021-02-04
        • 2022-01-20
        • 2017-12-08
        • 1970-01-01
        • 1970-01-01
        • 2014-12-14
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多