如何在html5，css3或jQuery中移動鼠標時創建移動粒子？

Question

在此404頁中 ，我可以看到星星粒子在隨着鼠標在瀏覽器中不同位置上的移動而移動。 我不知道如何稱呼這種效果。

誰能提供效果名稱的提示，什么是正確的工具以及如何實現？ 謝謝！

Answer 1

該示例中的星星和每一層都不是粒子。 它們是使用視差效果的固定圖像 ，您可以在div#container_layer下組成頁面的元素上看到。

該效果可以通過各種方式來實現。 最常見，響應最快和最佳優化的解決方案使用JQuery，例如以下一種： http : //wagerfield.github.io/parallax/

基本上，這種工作方式是通過使用多個圖層並根據鼠標的坐標來增加或減少其absolute或relative位置。