前端资源网-html5实例-css3实例-jquery实例-爱编程

HTML5 canvas带棱镜效果的炫酷幻灯片特效

这是一款效果非常炫酷华丽的HTML5 canvas带棱镜效果的幻灯片特效。这个特效在每一个幻灯片的前面放置一个图形，并将图形制作为三棱镜效果，它底下的幻灯片图片会被“折射”到棱镜上面，形成一种棱镜折射效果。该效果中使用HTML5 canvas和纯JS来制作棱镜效果。所有的现代浏
2018-02-04 01:28
HTML5 canvas超简单和逼真的下雪特效

WebSnowjq.js是一款基于HTML5 canvas的超简单和逼真的下雪场景特效js插件。该下雪特效插件可以通过简单的参数设置了设定雪花的数量。每朵雪花的飘落速度各不相同，层次感非常强。使用方法实用这个下雪特效插件要先引入jQuery和Websnowjq.js文件。script src="js/jquery.m
2018-02-04 01:28
HTML5 SVG和CSS3炫酷液态菜单按钮特效

这是一款使用HTML5 SVG Filters 和CSS3制作的效果非常炫酷的液态菜单按钮特效。该菜单特效开始时显示一个主菜单按钮，当点击该按钮时，子菜单按钮会像液态物质一样依次展开，其效果就像一粒水滴分离为两粒一样。制作方法SVG FiltersSVG filters是十分有用的属性。虽然名字
2018-02-04 01:28
HTML5 SVG制作超酷运动模糊动画特效

这是一款效果十分炫酷的HTML5 SVG制作的运动模糊动画特效。该SVG运动模糊特效有三种效果：画廊效果、模态窗口效果和侧边栏菜单效果。它们使用SVG过滤器和js及css相配合，在元素运动时产生动态模糊的炫酷效果。运动模糊是一种技术，广泛应用于一般的运动图形和动画，使运动
2018-02-04 01:28
WebGL助手：TWGL简化WebGL API的js动画库插件

twgl.js是一个小巧的WebGL助手库。这个js库的目的是让WebGL API更加简洁易读。WebGL的API非常的冗长，设置着色器，缓冲器，属性和uniforms需要大量的代码。一个简单的发光立方体效果在WebGL中可能需要超过60次代码调用。使用TWGL可以大大减少代码的书写，而且书写的代码整
2018-02-04 01:28

HTML5 Canvas炫酷宇宙黑洞引力特效

black-hole.js是一款效果非常炫酷的模拟宇宙黑洞引力特效的js插件。该插件基于HTML5 canvas，使用WebGL、 glfx.js和 numeric.js 共同制作完成。其效果是在鼠标滑过图片时，鼠标附近区域形成黑洞空间效果，使它周围的空间坍缩，效果非常逼真。该黑洞引力特效插件使用numer
2018-02-04 01:28
HTML5可互动的可视化图表js插件库

JointJS是一款基于HTML5可以进行互动的可视化图表js插件库。它可以用来创建静态图表，并且它拥有完全交互式绘图工具和应用程序生成器。jointjs可以很容易地创建各种各样的可视化工具。JointJS的事件驱动特性和MVC架构是它可以非常容易的集成到其它后台程序之中。JointJS的
2018-02-04 01:28
HTML5移动优先的响应式动画网格布局模板

这是一款非常实用的HTML5响应式网格布局模板。该模板带固定侧边栏，侧边栏在小屏幕设备上会自动隐藏。右侧的所有文章以网格进行布局，每行的网格数量自动根据页面大小而改变。点击一篇文章后该文章会以动画的形式全屏放大，效果非常的酷。该网格布局模板适合于在平板和移
2018-02-04 01:28
HTML5拖拽互动修改页面元素颜色特效

这是一款非常有趣的HTML5可拖拽互动修改页面元素颜色特效。该特效在页面的左边有一个颜色工具栏，用户可以拖动上面的颜色到右边的页面区域或文字上，这些区域或文字的颜色就会被修改为用户拖动的颜色。你可以拖动左边颜色板中的任意颜色到右边的元素上。在拖动时，该颜色
2018-02-04 01:28
HTML5 SVG超炫环状导航菜单动画特效

wheelnav是一款效果非常炫酷的HTML5 SVG环状导航菜单动画特效js插件。该环状导航菜单插件基于Raphaël.js，可以制作各种带动画特效的饼状菜单、环形菜单和径向菜单等等。该环状导航菜单可以工作在所有的桌面和移动手机的现代浏览器上。它的应用场景有：选项卡导航菜单饼状
2018-02-04 01:28
HTML5实现Winamp2.9音频播放器插件

Winamp2-js是一款使用HTML5和javascript来实现Winamp 2.9音频播放器的插件。该音频播放器的特点有：实际的Winamp皮肤文件存储在本地计算机上，你可以任意调用自己的Winamp 2皮肤。可以通过拖拽、弹出按钮或"options"按钮来调用本地音频文件或皮肤。有两种可视化模式：示波
2018-02-04 01:28
html5和css3响应式全屏滚动页面切换效果

这是一款全屏响应式的HTML5和CSS3页面切换效果。这个页面布局效果对于那些页面要求固定100%高度和宽度的网站和APP来说是十分有用的。HTMLwrapper div的class为st-container，里面包含作为导航按钮的radio和用于页面切换的面板st-scroll。div class="st-container"input t
2018-02-04 01:28
HTML5 SVG和CSS3炫酷蹦床式图片切换特效

这是一款效果非常炫酷的HTML5 SVG和CSS3蹦床式图片切换特效插件。该图片切换插件在进行图片切换时，整个屏幕就像一张大蹦床一样，将图片弹射出去，切换到另一张图片，效果非常有创意。另外，所有图片都以栈的方式堆叠在一起，你也可以使用鼠标来拖拽图片，拖拽效果就和《
2018-02-04 01:28
7种炫酷HTML5 SVG液态水滴融合动画特效

这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合动画特效。这些SVG动画特效使一些HTML元素，如菜单、分页按钮、APP、选择框等元素的过渡动画像几粒水滴一样融合分解，效果非常的酷。SVG Filters通过SVG Filters我们可以修改一个给定的图形，创建我们需要的结果。SVG中
2018-02-04 01:28
基于HTML5 canvas和Web Audio的音频播放器插件

wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件。通过wavesurfer.js你可以使用它来制作各种HTML5音频播放器，它可以在各种支持 Web Audio 的浏览器中工作，包括 Firefox, Chrome, Safari, Mobile Safari 和 Opera浏览器。使用方法创建实例对象：var wa
2018-02-04 01:28
HTML5 canvas粒子系统制作逼真飘雪效果

这是一款效果非常炫和逼真的HTML5 canvas飘雪效果。该飘雪效果使用canvas的粒子系统来制作，使用粒子来制作各种雪花效果。它的背景使用CSS来渲染，你可以为这个下雪效果更换背景颜色或使用背景图片。使用方法HTML结构该飘雪效果的HTML结构就是一个canvas元素。canvas id=
2018-02-04 01:28
HTML5在线PDF格式文件阅读器

pdf.js是一款基于HTML5的PDF（Portable Document Forma）格式文件的网页阅读器。pdf.js由 Mozilla Labs 社区支持，目标是创建一个通用的、基于WEB平台的解析和阅读PDF文件的阅读器。在网页中使用pdf.jspdf.js是一个开源项目。要在你的网页中应用pdf.js有两种方式：预建模
2018-02-04 01:28
7种基于GSAP的SVG Loader加载动画特效

这是一组效果非常炫酷的基于GSAP的SVG Loader加载动画特效。这组SVG加载动画特效共有7种效果，分别使用GSAP对SVG进行操纵，制作出各种炫酷的Loading加载动画效果。这些SVG加载动画效果依赖于一个非常强大的插件-DrawSVGPlugin，该插件可以帮助你创建高质量的SVG动画和特效
2018-02-04 01:28
实现svg拖拽的js插件-svg.draggable.js

svg.draggable.js是一款基于 svg.js 的 html5 svg 拖拽插件。该插件可以使用 svg.js 生成的 svg 图像具有拖拽功能，并且可以限制拖拽范围，还可以制作拖拽幻影特效。该插件需要svg.js v0.11以上版本的支持。使用方法要使用该svg拖拽插件，首先要在HTML中引入svg.js和svg.
2018-02-04 01:28
HTML5 canvas粒子生成人物面部轮廓插件

这是一款使用js制作的html5 canvas粒子生成人物面部轮廓插件。该js插件可以扫描图片中的人物面部阴暗和高亮面，并生成canvas也能够圆点来描绘出脸部轮廓。还可以用鼠标来和粒子进行互动。使用方法首先在页面中引入breathing-halftone.pkgd.js文件。然后按下面方法调用插件
2018-02-04 01:28

加载中...