HTML5 作为下一代网页语言,拥有很多让人期待已久的新特性。如今,很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用来代替 Flash。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果,让你体验下一代 Web 技术的魅力!相信你看完这些例子后会对未来的 Web 发展充满无限期待。

Breathing Galaxies

html5-js-01

动态变换颜色和直径,可通过键盘或者鼠标产生新的形状,这个效果很炫很炫!


FlowerPower

html5-js-02
灵感来自大自然的使用,使用花朵作为画刷,以贝兹曲线方式绘图。


Noise Field

html5-js-03
移动鼠标可改变粒子的运动,点击可随机生成不同的粒子效果。


Keylight

html5-js-04
双击生成两个以后的键即可发出声音,移动键的位置可产生不同的声音效果。


Swirling Tentacles

html5-js-05
三维脉冲效果,沿着脉冲线有运动的颜色渐变模块。

 
Blob

html5-js-06
拖动水滴有重力效果,双击可以分离,小水滴碰到大水滴会合并。


Rotating Spiral

html5-js-07
旋转的螺旋效果,看得有点头晕,单击可以控制开始和停止旋转。

 
Magnetic

html5-js-08
模拟磁性粒子流效果,非常逼真。


Trail

html5-js-09
彩色颗粒跟随鼠标运动效果,带尾巴淡出效果


Graph Layout

html5-js-10


一种交互的力向图布局效果。

英文地址:http://www.queness.com/post/4650/10-jaw-dropping-html5-and-javascript-effects