【网络特效】12 个炫酷背景特效库
作者:lindelof
译者:前端小智
来源:github
点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文
GitHub
https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。
大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。
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/awesome-web-effect
文章每周持续更新,可以微信搜索 【大迁世界 】 第一时间阅读,回复 【福利】 有多份前端视频等着你,本文 GitHub https://github.com/qq449245884/xiaozhi 已经收录,欢迎Star。
【网络特效】12 个炫酷背景特效库相关推荐
- 【网页特效】12 个炫酷背景特效库
1.particles-bg 地址:https://github.com/lindelof/particles-bg 效果: 2.particles-bg-vue 地址:https://github. ...
- android开发炫酷背景图片,12 个炫酷背景特效库
作者:lindelof 译者:前端小智 来源:github点赞再看,微信搜索GitHub https://github.com/qq44924588... 上已经收录,文章的已分类,也整理了很多我的文 ...
- html5 loading游戏,12种炫酷html5 svg加载loading动画特效
12种炫酷html5 svg加载loading动画特效 刘振兴 代码分享 2015年11月23日 14182 3条评论 这是一款使用HTML5 SVG技术制作的12种炫酷html5 svg加载load ...
- 超酷的计步器APP(一)——炫酷功能实现,自定义水波纹特效、自定义炫酷开始按钮、属性动画的综合体验
超酷的计步器APP(一)--炫酷功能实现,自定义水波纹特效.自定义炫酷开始按钮.属性动画的综合体验 好久没写博客了,没给大家分享技术了,真是有些惭愧.这段时间我在找工作,今年Android的行情也不怎 ...
- 那些炫酷的特效--QQ空间+VUE
废话,可以跳过 在这个色彩斑斓的时代,各种app.各式各样的特效充斥着我们的眼球.在我看来,炫酷的特效在很大程度上是能够博取用户的好感,提高用户体验的.而这些酷炫的交互方式是没有界限的,所以一些好的a ...
- C/C++制作炫酷烟雾特效
C/C++制作炫酷烟雾特效 效果 代码 #include <graphics.h> #include <time.h> #include <conio.h> #in ...
- HTML5炫酷的特效代码下载
原文:HTML5炫酷的特效代码下载 源代码下载地址http://www.zuidaima.com/share/1800857292508160.htm 炫酷的效果会随着鼠标移动不停的变更,很赞的
- 成品直播源码推荐,平台实现的炫酷背景页面
成品直播源码推荐,平台实现的炫酷背景页面 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Conte ...
- 【每日一练】138—CSS实现炫酷背景动画效果
以下是今天练习的最终效果: HTML代码: <!DOCTYPE html> <html lang="en"> <head><meta na ...
- android 炫酷背景,炫酷-背景图垂直循环滚动登录页,Android RecyclerView实现
炫酷-背景图上下循环滚动登录页,Android RecyclerView实现方法 某站的登录页背景不停循环滚动,和街边的广告箱很像,感觉不错我也心动了.决定高仿一下,参考了几篇文章后就动手了. 实现步 ...
最新文章
- ASP.Net中MD5加密-16位32位
- swift通知栏推送_如何使用Swift使用推送通知构建食品交付应用
- Linux进程核心代码怎么查看,GCOV查看arm-linux代码覆盖率
- mysql 清理 reley_MySQL日志相关
- Java 的布局管理器GridBagLayout的使用方法【图文说明】
- int 为什么是2147483647_现在的C语言编辑器里的int范围为什么是-2147483648~2147483647...
- Oracle存储过程介绍
- Flink-org.apache.flink.streaming.api.windowing.windows.Window
- linux快速查找文件中所包含的指定字段的个数
- hdu 2795 Billboard
- Windows屏幕保护程序的制作
- 博弈论个人的一点小总结
- 信息差暴利副业项目,让你日入500+
- 怎么查询网站最近的cdn服务器,如何查看网站是否cdn加速
- 阅读软件怎么添加书源_【看书听书】两款神器软件,我已深深的为之折服了
- yii2-imagine 使用方法
- 怎么把flac转换为mp3格式
- dns配置异常怎么修复_dns异常怎么修复【详细介绍】
- JOI2017 春季合宿:Railway Trip
- process on绘图教程