從哪裏開始實現這個動畫效果

Question

我怎樣才能實現這種動畫效果（見下面的鏈接），並在那裏，我需要開始學習，是CSS或HTML5或插件，等這部分..

我在css和html5有一個啓動的知識，但我不知道如何實現該效果。

http://www.terredevenements.com/en/

*我指的效果是前景圖像的運動，同時鼠標懸停並仍然保持其背景是靜態的

Answer 1

這種效應被稱爲「視差滾動」

其基本思想是將圖像層疊在一起並同時移動它們，但速度不同，前景移動速度比背景快。

捕獲和利用鼠標事件可以用javascript/jQuery來完成，動畫也可以用這些語言或與CSS3動畫組合使用。

有很多jQuery插件可以幫助您快速實現這一效果。

見parallax.js

或瞭解更多的插件：http://bashooka.com/coding/best-jquery-parallax-plugins/