html - HTML5 n CSS3 中的粒子动画效果

Question

我正在尝试创建一种效果，就像我在下面的视频中展示的那样: http://www.youtube.com/watch?v=gSk4AWvnG8Y&feature=youtu.be

此效果是在 Flash 中创建的，但我想在 HTML5 和 CSS3 中(尽可能多地)复制它。

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

谢谢泽山

Answer 1

嗯，Spider 说得对。有大量描述此类粒子效果的 Canvas 演示:

• > http://codepen.io/soulwire/pen/Ffvlo (在这里找到:>)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。