HTML5和CSS3中的粒子动画效果

Question

我正在尝试创建一个类似于我在下面的视频中显示的效果： http://www.youtube.com/watch?v=gSk4AWvnG8Y&feature=youtu.be

这个效果是在Flash中创建的，但我想在HTML5和CSS3中复制它（尽可能多）。

我之前没有做过这样的事情。所以想看看是否有人可以帮我建议我怎么做。

由于 Zeeshan

Answer 1

井蜘蛛是对的。有大量的画布演示描述了这种粒子效应：

• http://codepen.io/soulwire/pen/Ffvlo（在此处找到：＆gt;）http://davidwalsh.name/canvas-demos）
• http://gwtcanvasdemo.appspot.com/ - https://developer.cdn.mozilla.net/media/uploads/demos/b/o/boblemarin/5cfea13ba1397f696bea7b2ff62c0188/fluid_1339407870_demo_package/index.html（在mozilla实验室中找到：https://developer.mozilla.org/en-US/demos/detail/fluid）

等。 （只需快速谷歌搜索）。

使用CSS执行此操作是不可能的，因为您无法跟踪鼠标的确切位置无法创建此依赖效果等....而Canvas是HTML5。