自己模拟实现一下Google的赛马(摄影师)Doodle
今天的Google Doodle是个动态的,是一个骑马的动态Doodle,是谷歌纪念英国实验摄影师埃德沃德迈布里奇182周年诞辰,埃德沃德迈布里奇是运动摄影的开创者,所以谷歌涂鸦以一个运动的摄影作为背景创作的。
我对这个doodle的实现比较感兴趣,下面做个实现小程序。用两幅图就可以模拟这个赛马动画,可以在这里看看演示:赛马动画演示。
你也可以把下面的代码自己运行下:
这次的代码不是很复杂,主要是使用css的背景属性,使用JavaScript计时器来改变时间,调整图片背景的位置达到动画效果。
Have fun。