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

Breathing Galaxies <-----点击查看

http://s12/middle/69b5b4e5ta734d7285f9b&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />

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

FlowerPower <----点击查看

http://s6/middle/69b5b4e5ta734d938b4c5&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
灵感来自大自然的使用，使用花朵作为画刷，以贝兹曲线方式绘图。

Noise Field <----点击查看

http://s4/middle/69b5b4e5ta734da86b793&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
移动鼠标可改变粒子的运动，点击可随机生成不同的粒子效果。

Keylight <----点击查看

http://s15/middle/69b5b4e5ta734dbbe85ee&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
双击生成两个以后的键即可发出声音，移动键的位置可产生不同的声音效果。

Swirling Tentacles <----点击查看

http://s6/middle/69b5b4e5ta734dcd8bff5&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
三维脉冲效果，沿着脉冲线有运动的颜色渐变模块。

Blob <----点击查看

http://s8/middle/69b5b4e5ta734ddebcaf7&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
拖动水滴有重力效果，双击可以分离，小水滴碰到大水滴会合并。

Rotating Spiral <----点击查看

http://s4/middle/69b5b4e5t771ee31c9053&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
旋转的螺旋效果，看得有点头晕，单击可以控制开始和停止旋转。

Magnetic <----点击查看

http://s5/middle/69b5b4e5ta734e018b0d4&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
模拟磁性粒子流效果，非常逼真。

Trail <----点击查看

http://s9/middle/69b5b4e5ta734e12aed68&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
彩色颗粒跟随鼠标运动效果，带尾巴淡出效果。

Graph Layout <----点击查看

http://s7/middle/69b5b4e5ta734e2271936&690HTML5 和 JavaScript 效果" TITLE="[转载]10个让人眼花缭乱的 HTML5 和 JavaScript 效果" />
一种交互的力向图布局效果。

（国际来源：Queness 编译来源：梦想天空-专注Web开发技术和资源分享）

转载来源：远景在线