关于javascript:网页特效12-个炫酷背景特效库

36次阅读

共计 1676 个字符,预计需要花费 5 分钟才能阅读完成。

作者:lindelof
译者:前端小智
起源:github

点赞再看,微信搜寻 【大迁世界】 关注这个没有大厂背景,但有着一股向上踊跃心态人。本文 GitHub https://github.com/qq44924588… 上曾经收录,文章的已分类,也整顿了很多我的文档,和教程材料。

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…


交换

文章每周继续更新,能够微信搜寻 【大迁世界】 第一工夫浏览,回复 【福利】 有多份前端视频等着你,本文 GitHub https://github.com/qq449245884/xiaozhi 曾经收录,欢送 Star。

正文完
 0