首页 文章信息内容详情

jQuery Ripples 隔壁老李同款水波纹涟漪特效-jQuery WebGL Ripples

2025-04-29 288 admin

20250428094025.jpg

jQuery Ripples插件向HTML添加一层水元素将波纹光标与WebGL的互动。您可以使用这种效果,让你的静态CSS背景图像更多的互动。

注:此插件需要在服务端运行,本地预览会有跨域问题!

使用方法非常简单 只需要引入jq库 然后在使用选择器选择要渲染的标签获得jQuery对象后使用ripples方法,下面三个参数自己试验就可以实现涟漪的效果了.例如

$('body').ripples({

	resolution: 512,

	dropRadius: 20,

	perturbance: 0.04,});

插件存在跨域问题,在chrome浏览器下不行,所以需要放到服务中运行。IE不存在跨域问题,所以直接浏览没问题。


下载:https://www.ovzcn.com/yuanma/3812.html

演示:https://demo.ovzcn.com/demo-2.html

  • 评论列表 (0条)

 暂无评论,快来抢沙发吧~

发布评论