收藏吃灰，12 个炫酷背景特效库前端htmlcss

作者：lindelof
译者：前端小智
来源:github

有梦想，有干货，微信搜索【大迁世界】关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。

vue3 源码实战出来啦：在面试中，害怕被问到 Vue源码，或者想通过自己对Vue 源码的来秀一下面试官的，可以了解一下。
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在不同场景下的一些实验性降雨和水滴效应。

人才们的【三连】就是小智不断分享的最大动力，如果本篇博客有任何错误和建议，欢迎人才们留言，最后，谢谢大家的观看。
代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
原文：https://github.com/lindelof/a...
交流