更多>
最新下载
jquery人才网弹出选择地区
jquery人才网弹出选择地区是一款人才信息网招聘网弹出层选择工作地区和职位的功能，数据可以自定义，可静态写死或者动态解析Json数据，使用起来很灵活。
0
2026-01-27
jQuery焦点图插件Fotorama
jQuery焦点图插件Fotorama是一款响应式jQuery焦点图轮播幻灯片切换插件Fotorama，支持缩略图播放、全屏查看、支持视频、图片、HTML内容、支持图片延迟加载、支持缩略图显示位置定义、支持自动播放以及循环播放、支持左右方向按键播放。
0
2026-01-27
24小时阅读排行榜
- 1 css项目中如何统一引入规范_制定link和文件结构约定
- 2 c++如何实现命令模式 c++设计模式之Command【实例】
- 3 如何通过 API 密钥机制保护 PHP 后端服务（避免代码泄露）
- 4 如何在mysql中使用and和or_where多条件查询
- 5 如何实现一个支持负索引和切片的自定义序列类
- 6 将对象转换为数组并使用 map 方法的正确方式
- 7 c++中如何实现字符串的URL编码_c++对特殊字符进行转义的方法【汇总】
- 8 css布局多列响应式如何控制_利用 media query + grid/flex 自适应
- 9 mysql中的触发器事件：INSERT、UPDATE、DELETE
- 10 如何使用 BeautifulSoup 精准提取作者与所属单位信息（含缺失处理）
- 11 C++ tuple怎么用 C++元组存储多种类型数据教程【新特性】
- 12 Yii2 中高效合并获奖者、用户与商品数据构建 JSON API 响应
- 13 如何实现一个简单带 LRU + TTL 的内存缓存
- 14 mysql innodb存储引擎锁机制如何_mysql innodb锁机制解析
- 15 FIMO输出HTML有透明度渐变吗_FIMO输出HTML透明渐变数据【要点】
更多>
最新教程
-
- Node.js 教程
- 16192 2025-08-28
-
- CSS3 教程
- 1546721 2025-08-27
-
- Rust 教程
- 23323 2025-08-27
-
- Vue 教程
- 25784 2025-08-22
-
- PostgreSQL 教程
- 22269 2025-08-21
-
- Git 教程
- 9246 2025-08-21
js+css3催眠波纹动画特效
一款js+css3实现的带有弹跳波纹波浪效果，具有催眠效果的波纹动画特效。
js代码
<script type="text/javascript">
function getRandomNumber() {
return Math.floor(Math.random() * 255);
}
function getBrightness(r, b, g) {
return Math.sqrt(
0.299 * (r * r) +
0.587 * (g * g) +
0.114 * (b * b)
);
}
setInterval(()=> {
const r = getRandomNumber(),
g = getRandomNumber(),
b = getRandomNumber(),
brightness = getBrightness(r,g,b);
document.documentElement.style.setProperty(`--r`, r);
document.documentElement.style.setProperty(`--g`, g);
document.documentElement.style.setProperty(`--b`, b);
let bgColor;
if (brightness > 40) {
bgColor = '#121212';
} else {
bgColor = '#BDBCBF';
}
document.documentElement.style.setProperty(`--bg`, bgColor);
}, 2000);
</script>
js代码
<script type="text/javascript">
function getRandomNumber() {
return Math.floor(Math.random() * 255);
}
function getBrightness(r, b, g) {
return Math.sqrt(
0.299 * (r * r) +
0.587 * (g * g) +
0.114 * (b * b)
);
}
setInterval(()=> {
const r = getRandomNumber(),
g = getRandomNumber(),
b = getRandomNumber(),
brightness = getBrightness(r,g,b);
document.documentElement.style.setProperty(`--r`, r);
document.documentElement.style.setProperty(`--g`, g);
document.documentElement.style.setProperty(`--b`, b);
let bgColor;
if (brightness > 40) {
bgColor = '#121212';
} else {
bgColor = '#BDBCBF';
}
document.documentElement.style.setProperty(`--bg`, bgColor);
}, 2000);
</script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
CSS3的动感弹性波纹变换动画特效
这是一款个性创意的CSS3动感弹性波纹变换动画特效，纯CSS3圆形波纹动画效果，虽然实用性不强，不过可以学习实现方法做出自己想要的效果。
CSS3特效
2017-12-12
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
