从哪里开始实现这种动画效果

时间:2015-04-08 03:46:47

标签: css html5 web-animations

我如何实现这种动画效果(见下面的链接)以及我需要从哪里开始学习,这是css或html5或插件的一部分等。

我对css和html5有启动知识,但我不知道如何实现这种效果。

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

*我所指的效果是当鼠标悬停并且仍然保持其背景为静态时前景图像的移动

1 个答案:

答案 0 :(得分:0)

此效果称为“视差滚动”

基本思想是将图像叠加在一起并同时移动它们,但速度不同,前景移动速度比背景快。

捕获和利用鼠标事件可以使用javascript / jQuery完成,动画也可以使用这些语言或与CSS3动画结合使用。

有很多jQuery插件可以帮助你快速实现这种效果。

请参阅parallax.js

或者有更多插件:http://bashooka.com/coding/best-jquery-parallax-plugins/