如何在html5，css3或jQuery中移动鼠标时创建移动粒子？

Question

在这个404 page中，当鼠标在浏览器中的不同位置移动时，我可以看到星星粒子正在移动。我不知道如何调用此效果。

任何人都可以提供效果名称的提示，什么是正确的工具以及如何实现这一目标？谢谢！

Answer 1

该示例中的恒星和每一层都不是粒子。 它们是使用视差效果的固定图像，如您在div#container_layer下构成页面的元素所示。

可以通过各种方式实现此效果。最常见，响应最快，最优化的解决方案使用JQuery，例如：http://wagerfield.github.io/parallax/

基本上，它的工作方式是使用多个图层，并根据鼠标的坐标递增或递减absolute或relative位置。