读书人

自各儿模拟实现一下Google的赛马(摄影

发布时间: 2012-06-27 14:20:09 作者: rapoo

自己模拟实现一下Google的赛马(摄影师)Doodle
今天的Google Doodle是个动态的,是一个骑马的动态Doodle,是谷歌纪念英国实验摄影师埃德沃德迈布里奇182周年诞辰,埃德沃德迈布里奇是运动摄影的开创者,所以谷歌涂鸦以一个运动的摄影作为背景创作的。

我对这个doodle的实现比较感兴趣,下面做个实现小程序。用两幅图就可以模拟这个赛马动画,可以在这里看看演示:赛马动画演示。

你也可以把下面的代码自己运行下:



这次的代码不是很复杂,主要是使用css的背景属性,使用JavaScript计时器来改变时间,调整图片背景的位置达到动画效果。

Have fun。

读书人网 >Web前端

热点推荐