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

HTML5 canvas生成图片马赛克特效插件

这是一款使用html5 canvas来将图片制作成马赛克效果的js插件。该插件的灵感来自于美国肖像画家Chuck Close。已经有人使用这个js插件来制作了一个完整的图片马赛克应用框架：The Pixelator。使用方法这个马赛克效果js插件需要使用同源的图片，根据 HTML5 规范，浏览器在解
2018-02-04 01:28
HTML5 canvas制作逼真的下雨雨滴效果js插件

rainyday是一款基于 html5 canvas 的模拟下雨时雨滴打在玻璃窗上效果的js插件。该雨滴效果插件的特点是使用简单，易于集成。使用方法在页面中引入rainyday.js文件。script src="js/rainyday.js"/script然后可以按照下面的方法调用插件。var engine = new RainyDay({image
2018-02-04 01:28
html5 canvas生成精美网页花纹背景图像js插件

这是一款可以在指定容器中生成精美网页背景花纹图像的js插件。该花纹背景插件使用js来生成html5 canvas，并在canvas中绘制各种花纹图像。生成的背景花纹图像可以是静态的，也可以制作成动态花纹。使用方法以在body中添加花纹背景为例，js代码如下：var texture = new TG.
2018-02-04 01:28
基于HTML5 canvas圆形倒计时器jQuery插件

这是一款基于html5 canvas的圆形倒计时器jQuery插件。它可以使你非常轻松的创建圆形的倒计时器。该jQuery倒计时器插件有12种themes，它们基于 HTML5 canvas 来渲染各种圆环，你可以很容易的修改它们。这个jQuery环形倒计时器插件依赖于jquery.knob.js和jquery.throttle.j
2018-02-04 01:28
HTML5 svg和CSS3炫酷鼠标点击按钮特效

这是一组效果非常炫酷的HTML5 svg和CSS3鼠标点击按钮特效。这组鼠标点击特效共有22种效果，大多数是在伪元素上使用CSS3 animations来制作动画效果。非常适合于移动手机APP上的按钮触摸特效。请注意这些效果需要在支持这些CSS属性的现代浏览器中才有效果，IE10不支持在伪元
2018-02-04 01:28

可生成多彩三角形网格SVG背景的js插件

Trianglify是一款能够生成多彩的三角形网格背景的javascript库，该插件可以生成非常好看的SVG背景图像，你可以将生成的背景图像下载保存为SVG文件。Trianglify使用d3.js来生成多边形和SVG以及SVG过滤渲染效果。同时插件中还使用colorbrewer颜色调色板来使插件运行得更快。
2018-02-04 01:28
HTML5 canvas炫酷图片爆炸飞散特效

这是一款效果非常炫酷的html5 canvas图片爆炸飞散特效js插件。当用鼠标点击图片的时候，图片就像玻璃窗被高速子弹击中时爆炸飞散的效果。下面是几张插件的截图效果：
2018-02-04 01:28
HTML5 SVG和CSS3超酷文字遮罩动画特效

这是一组使用HTML5 SVG和CSS3技术制作的超酷文字遮罩动画特效。这一组文字遮罩动画特效中共有23种效果，分别使用23种不同的SVG和CSS3技术来实现。这23种不同的SVG和CSS3技术实现的文字遮罩动画效果的浏览器兼容性也各不相同，下面会列出各个效果的浏览器兼容情况。新年快
2018-02-04 01:28
html5 svg炫酷图标变形动画特效

这是一款效果非常炫酷的html5 svg炫酷图标变形动画特效。类似的效果有：html5 svg和css3超酷图标动画特效。使用方法1、添加一组SVG图标到你的HTML文件中。2、通过调用new SVGMorpheus(element)方法来创建一个SVG Morpheus对象。SVG图标可以包含在Object/IFrame/Inline中。
2018-02-04 01:28
html5图片分类过滤特效插件

这是一款使用 html5 和 jQuery 制作的非常实用的图片分类过滤特效插件。HTML结构html结构使用的是一个无序列表来制作图片画廊，给它一个id #stage。雷一个列表元素都带有一个 HTML5 data 属性，该属性的值可以使用逗号来分割一系列的值。在后面我们会用jQuery来循环这些列
2018-02-04 01:28
html5 canvas绚丽3d星空飞行穿梭动画特效

这是一款使用 html5 canvas和 jQuery 制作的绚丽3d星空飞行穿梭动画特效。该3d星空飞行特效模拟了飞船在宇宙星空中快速穿梭的动画场景，效果非常逼真。HTML结构HTML结构就使用一个canvas即可。 canvas id="html5_3d_animation"Internet Explorer 8 Not Supported/can
2018-02-04 01:28
HTML5最新经典俄罗斯方块游戏插件

这是一款最新的经典 HTML5 俄罗斯方块游戏插件。该插件使用html5和Blockrain.js来制作，它具有使用简单、响应式、可定制、速度快、有积分记录和自动游戏的特点。基本使用方法可以使用任何一个元素来作为游戏窗口（一个div、article 或 figure 等等都可以），并确保通过CS
2018-02-04 01:28
html5炫酷购物车结算动画特效

这是一款效果非常炫酷的 HTML5 购物车结算动画特效。在购物网站的UI设计中，购物车的结算功能的设计是至关重要的一部分。如何设计购物车结算功能界面才能让用户得到最好的体验，如果设计得好，它可以为用户带来一个愉快的购物历程，如果设计得不好，那么一大堆东西堆积在
2018-02-04 01:28
HTML5 SVG图形轮廓线条绘制动画插件-vivus

Vivus是一款可以执行SVG路径动画的轻量级Javascript库。Vivus可以绘制SVG图形的外观。Vivus提供各种不同的动画参数来让你定制你自己的SVG路径动画。类似的动画效果还有：html5 svg线条动态绘制文字轮廓边框动画和 html5 svg线条动态绘制iphone边框动画效果。插件安装可以
2018-02-04 01:28
HTML5 SVG简单的动态绘制轮廓线条动画插件

walkway是一款非常简单的HTML5 SVG动态绘制轮廓线条动画插件。它支持path、line和polylineSVG元素。更好的动态绘制线条插件可以参考：html5 svg线条动态绘制文字轮廓边框动画、HTML5 SVG图形轮廓线条绘制动画插件-vivus 和 html5 svg线条动态绘制iphone边框动画效果。下载
2018-02-04 01:28
html5轻量级炫酷js粒子动画库插件

这是一款基于html5 canvas的轻量级炫酷js粒子动画库插件。该js粒子动画库插件可以设置粒子的形状、旋转、分布、颜色等属性，还可以动态添加粒子，效果非常酷。同样的例子效果还有：HTML5 Canvas彩色的光粒子模拟粒子运动动画效果。使用方法该粒子动画库插件使用方法非常简
2018-02-04 01:28
html5轻量级操纵和制作SVG动画的js库-svg.js

svg.js是一个轻量级的操纵和制作SVG动画的js插件库。svg.js没有任何的外部依赖，它遵循麻省理工学院的许可（ MIT License）下许可证的条款。使用方法插入一个SVG可以使用SVG()方法在指定的元素中创建一个SVG。var draw = SVG('drawing').size(300, 300)var rect = draw.r
2018-02-04 01:28
html5各种svg元素炫酷弹性动画特效

这是一款效果非常炫酷的html5 svg元素弹性动画特效。该svg特效是将svg元素集成到容器中，然后使它们以弹性的方式从一条路径运动到另一条路径。通过这种方法可以制作出许多有意思的菜单、按钮和其它元素。为了使svg产生动画，我们使用了SVG的javascript库 Snap.svg 。demo
2018-02-04 01:28
html5和css3自定义输入表单的自然语言界面

有许多很有趣的自然语言界面，在这个插件中，我们想要使用自定义的表单元素来定制一个自然语言界面。HTML结构html结构实用一个form表单，里面包含一些select元素和input元素。form id="nl-form" class="nl-form"I feel like eating selectoption value="1" selectedany f
2018-02-04 01:27
html5超逼真带定时功能的电子数字时钟

在前面我们展示了一个使用jQuery和css3制作的数字时钟-使用jQuery和css3制作逼真的数字时钟效果。在这个版本中，我们将在电子数字时钟中集成HTML5 audio元素。为了要实现定时闹钟功能，我们需要在jQuery版本的数字时钟的基础上做些调整：我们需要给用户一个设置闹钟功能的
2018-02-04 01:27

加载中...