【网页特效】12 个炫酷背景特效库

2024-04-24 02:13:26

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在不同场景下的一些实验性降雨和水滴效应。

【网页特效】12 个炫酷背景特效库相关推荐

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 ...
那些炫酷的特效--QQ空间+VUE
废话,可以跳过在这个色彩斑斓的时代,各种app.各式各样的特效充斥着我们的眼球.在我看来,炫酷的特效在很大程度上是能够博取用户的好感,提高用户体验的.而这些酷炫的交互方式是没有界限的,所以一些好的a ...
超酷的计步器APP（一）——炫酷功能实现，自定义水波纹特效、自定义炫酷开始按钮、属性动画的综合体验
超酷的计步器APP(一)--炫酷功能实现,自定义水波纹特效.自定义炫酷开始按钮.属性动画的综合体验好久没写博客了,没给大家分享技术了,真是有些惭愧.这段时间我在找工作,今年Android的行情也不怎 ...
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实现方法某站的登录页背景不停循环滚动,和街边的广告箱很像,感觉不错我也心动了.决定高仿一下,参考了几篇文章后就动手了. 实现步 ...

最新文章

热门文章