卫报风格的动画图形小说

时间:2012-11-12 19:41:25

标签: jquery html5 css3 animation

你知道这是怎么做到的吗? http://www.guardian.co.uk/world/interactive/2012/nov/06/america-elect-graphic-novel

更新:

很抱歉不要这么清楚。

OF COURSE,我确实查看了这个网站的源代码。我知道动画是关于CSS或jQuery或HTML5 ......

但我不确定本网站上使用的是哪种插件或技术。

这是个问题。

2 个答案:

答案 0 :(得分:2)

查看来源,他们使用skrollr - http://prinzhorn.github.com/skrollr/

答案 1 :(得分:1)

这是着名的Parallax scrolling效果。基本上它是通过在滚动时通过背景上的图像操纵z-index来实现的。

有一些jQuery插件的目的是以一种奇特而简单的方式实现这种效果。当jQuery plugins网站恢复生机时,您可以为此类插件制作search

正如@devdigital所说,他们在他们的网站上使用skrollr

从github页面,skrollr被描述为:

  

适用于移动设备(Android + iPhone)和桌面的独立视差滚动库

或者以更夸张的视角:

  

实际上,skrollr不仅仅是“只是”视差滚动。这是一个成熟的滚动动画库。事实上,你可以使用它,但仍然没有视差滚动。但是我希望听起来很时髦并使用一些流行语。顺便说一句,skrollr利用HTML5和CSS3

我希望它有所帮助。干杯