【发布时间】:2015-04-08 12:11:21
【问题描述】:
这种动画效果如何实现(见下方链接),我需要从哪里开始学习,这部分是css还是html5还是插件等等。
我有css和html5的启动知识,但是不知道怎么实现效果。
http://www.terredevenements.com/en/
*我所指的效果是在鼠标悬停时前景图像的移动并且仍然保持其背景为静态
【问题讨论】:
标签: css html web-animations
这种动画效果如何实现(见下方链接),我需要从哪里开始学习,这部分是css还是html5还是插件等等。
我有css和html5的启动知识,但是不知道怎么实现效果。
http://www.terredevenements.com/en/
*我所指的效果是在鼠标悬停时前景图像的移动并且仍然保持其背景为静态
【问题讨论】:
标签: css html web-animations
这种效果称为“视差滚动”
基本思想是将图像叠加在一起,同时以不同的速度移动它们,前景移动速度快于背景。
捕捉和利用鼠标事件可以用javascript/jQuery来完成,动画也可以用这些语言或者结合CSS3动画来完成。
有很多 jQuery 插件可以帮助你快速实现这个效果。
或者更多插件:http://bashooka.com/coding/best-jquery-parallax-plugins/
【讨论】: