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

Question

在此404页中 ，我可以看到星星粒子在随着鼠标在浏览器中不同位置上的移动而移动。 我不知道如何称呼这种效果。

谁能提供效果名称的提示，什么是正确的工具以及如何实现？ 谢谢！

Answer 1

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

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

基本上，这种工作方式是通过使用多个图层并根据鼠标的坐标来增加或减少其absolute或relative位置。