从哪里开始实现这个动画效果
Where to start to achieve this animation effect
如何实现这种动画效果(见下文link),我需要从哪里开始学习,这部分是css或html5还是插件,等..
我有css和html5的启动知识,但我不知道如何实现效果。
http://www.terredevenements.com/en/
*我指的效果是当鼠标悬停时前景图像的移动并且仍然保持其背景是静态的
这个效果叫做"parallax scrolling"
基本思想是将图像彼此叠加并同时移动,但速度不同,前景移动速度比背景移动速度快。
捕获和利用鼠标事件可以使用 javascript/jQuery 完成,动画也可以使用这些语言或与 CSS3 动画结合使用。
有很多 jQuery 插件可以帮助您快速实现这种效果。
或更多插件:http://bashooka.com/coding/best-jquery-parallax-plugins/
如何实现这种动画效果(见下文link),我需要从哪里开始学习,这部分是css或html5还是插件,等..
我有css和html5的启动知识,但我不知道如何实现效果。
http://www.terredevenements.com/en/
*我指的效果是当鼠标悬停时前景图像的移动并且仍然保持其背景是静态的
这个效果叫做"parallax scrolling"
基本思想是将图像彼此叠加并同时移动,但速度不同,前景移动速度比背景移动速度快。
捕获和利用鼠标事件可以使用 javascript/jQuery 完成,动画也可以使用这些语言或与 CSS3 动画结合使用。
有很多 jQuery 插件可以帮助您快速实现这种效果。
或更多插件:http://bashooka.com/coding/best-jquery-parallax-plugins/