「网络特效」12 个炫酷背景特效库
myzbx 2024-12-15 15:38 25 浏览
1.particles-bg
地址：https://github.com/lindelof/particles-bg
效果：
2.particles-bg-vue
地址：https://github.com/lindelof/awesome-web-effect
这是一个基于VUE的粒子动画组件。
3.jquery.ripples
地址：https://github.com/sirxemic/jquery.ripples
jQuery Ripples 插件向HTML添加一层水元素将波纹光标与WebGL的互动。您可以使用这种效果,让你的静态CSS背景图像更多的互动。
4.MorphingBackgroundShapes
地址：https://github.com/codrops/MorphingBackgroundShapes
这是一个很具装饰性的网站背景效果，当用户在滚动到某一页面后此背景的SVG图形将随着变形和移动。
5. SegmentEffect
地址：https://github.com/codrops/SegmentEffect
背景分割装饰特效。
6.jQuery.BgSwitcher
地址：https://github.com/rewish/jquery-bgswitcher
jQuery.BgSwitcher实现背景图像切换效果。
7.BackgroundScaleHoverEffect
地址：https://github.com/codrops/BackgroundScaleHoverEffect
使用 CSSclip paths 重现背景缩放悬停特效。
8.ImageGridMotionEffect
地址：https://github.com/codrops/ImageGridMotionEffect
为背景网格的图像提供运动悬停特效。
9.jquery.adaptive-backgrounds.js
地址：https://github.com/briangonzalez/jquery.adaptive-backgrounds.js
adaptive-background.js是一款jQuery插件，可以根据div，img标签里图片的边框颜色来动态调整父标签的背景颜色，有点类似iTunes的专辑详情的效果.
10.fixed-background-effect
地址：https://codyhouse.co/demo/fixed-background-effect/index.html#0
整屏滚动背景悬浮效果。
11.jquery-warpdrive-plugin
地址：https://github.com/NiklasKnaack/jquery-warpdrive-plugin
query-warpdrive-plugin是一款可以制作基于HTML5 canvas的炫酷星空背景特效的jquery插件。这个星空背景特效可通过配置参数进行灵活的配置，可用鼠标进行互动。
12.RainEffect
使用WebGL在不同场景下的一些实验性降雨和水滴效应。
人才们的 【三连】 就是小智不断分享的最大动力，如果本篇博客有任何错误和建议，欢迎人才们留言，最后，谢谢大家的观看。
作者：lindelof 译者：前端小智 来源:github
原文：https://github.com/lindelof/awesome-web-effect
相关推荐
- 任天堂Switch OLED:一块沉浸屏，点燃全家欢乐的游戏时光
-
在一个寻常的周末午后，客厅里弥漫着轻松惬意的氛围。电视屏幕暂时休眠，全家人的目光却聚焦在那台轻巧的掌上设备——任天堂SwitchOLED。父母与孩子挤在沙发上，指尖在Joy-Con手柄上跃动，时而因...
- Switch是什么地区的版本?怎么分辨Switch普通版和续航版、OLED版
-
Switch有国行、港版、日版、美版、欧版、韩版，版本之间又有普通版和续航版的OLED区别。只要看掌机的序列号第二三位，第二位代表的机型，A是普通版，K是续航版，T是OLED版。第三位代表的是区域，比...
- 这款Switch手柄真别致!开箱体验八位堂Lite蓝牙手柄
-
【引言】Hi大家好，我是歌布林，今天给大家带来一款八位堂Lite蓝牙手柄的开箱报告！相信已经有不少Switch玩家已经入手了这款产品，讲真，这款手柄的颜值真的吸引到我了~双十一旗舰各大快递公...
- switch 的性能提升了 3 倍，我只用了这一招
-
上一篇《if快还是switch快？解密switch背后的秘密》我们测试了if和switch的性能，得出了要尽量使用switch的结论，因为他的效率比if高很多，具体原因点击上文查看。既...
- 在对《Nintendo Switch 运动》充满期待的同时，我也有些许不安
-
任天堂「运动」系列的最新作《NintendoSwitch运动》即将于4月29日正式发售。在等待本作发售的日子里，笔者每一天都在掰着指头计算发售日还有几天才到来。在《NintendoSwi...
- switch上最值得玩的五款JRPG（switch最值得玩的大作）
-
不知道为什么即使现在节奏变得这么快，人也变得浮躁，我依旧喜欢玩JPRG，喜欢沉浸入游戏的角色之中体验一场独特的冒险。JRPG的灵魂是什么？那绝对不是回合制战斗或者古旧的系统，而是令人深刻的剧情及在这漫...
- 那个 Vue 的路由，路由是干什么用的?
-
在Vue里，路由就像“页面导航的指挥官”，专门负责管理页面（组件）的切换和显示逻辑。简单来说，它能让单页应用（SPA）像多页应用一样实现“不同URL对应不同页面”的效果，但整个过程不会刷新网页。一、路...
- S235JRH材50x50x3-5mm欧标方管疲劳强度分析
-
在工程与建筑领域，方管作为一种重要的结构材料，广泛应用于各种框架和支撑结构中。S235JRH材质的50x50x3-5mm欧标方管在疲劳强度方面的表现尤其受到关注。本文将以“解答常见误区”的形式，分析该...
- 纤维丛上的联络与曲率关系之二:七个联络
-
参阅一文看懂纤维丛(看图说话)纤维丛上的联络与曲率关系之一1.仿射联络(AffineConnection)定义：在光滑流形M的切丛TM上，一个仿射联络是一个双线性映射：仿射联络定义了向量...
- 安全完整性等级(SIL)分析报告编制与认证实践方法
-
以下是一篇关于安全完整性等级（SIL）分析报告的文章，涵盖SIL定级方法、验证流程、计算模型及工程实践。安全完整性等级（SIL）是量化安全仪表系统（SIS）性能的核心指标，由IEC61508/615...
- 欧标方管75x75x3mm8mm S355J0H力学性能测试
-
欧标方管75x75x3mmS355J0H是一种常见的钢管材料，广泛应用于建筑、机械制造和结构工程等领域。下面将对其力学性能进行详细测试和分析。1.材料概述S355J0H是欧洲标准EN10210中规定的...
- p光与s光在SHG中的相位匹配中有哪些不同?
-
【第六期】p光与s光在SHG中的相位匹配中有哪些不同？在二次谐波生成（SHG）中，p偏振光和s偏振光的相位匹配条件存在显著差异。这些差异主要源于它们与纳米结构相互作用的方式以及它们在激发表面等离子体共...
- S355JRH欧标方管机械性能及工程应用解析
-
S355JRH欧标方管是一种高强度钢管，以其优良的机械性能和良好的加工性在工程领域得到广泛应用。本文将从机械性能、场景应用等方面对S355JRH欧标方管进行解析，以帮助读者更好地理解其特性及应用。1....
- 《三国志·战棋版》PK7黄天蔽汉，四队共存作业来啦!
-
哈喽大家好啊，今天要给大家分享的是三棋PK7黄天蔽汉平时四队共存队，这只是其中一种选择供大家参考，后面可能还会分享其他的四队共存方案。队伍共存绝不唯一，大家有什么好的共存方案或者想看哪些队伍的共存也欢...
- 迈阿密三大巨星首秀被0-0逼平，豪阵为何难赢开罗国民
-
谁能想到，汇聚梅西、苏亚雷斯、布斯克茨这“银河战舰”级别三巨头，迈阿密国际世俱杯首秀居然0-0被埃及劲旅开罗国民逼平？全场90分钟，球迷的心情从“期待冠军”一路跌到“差点开门黑”。补时第96分钟，梅西...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)