Google月全食Doodle效果实现

Google的花样真多啊。今天凌晨发生了11年来最长的月全食，google也在第一时间发布了月全食doodle，记录了月全食发生的全过程。Google看来对这次月全食也给予了很高的重视。

这次的doodle主要运用了CSS Sprite技术，实现方式和玛莎·葛兰姆117周年诞辰差不多，所不同的是多了一个进度条，可以随时回放和快进整个过程。

先看下演示效果。图片有点大，加载会比较慢一点哈。

效果演示

一些资料：

英国夏令时6月15日下午6时24分左右(北京时间16日凌晨2时24分)，全球将迎来11年来时间最长的月全食。东欧、西亚、南美洲等地民众抬头可见红铜满月，月全食全过程即在这里上演。

“日全食、月全食都有沙罗周期，每过6585.32天的时间间隔，地球、太阳、月球的相对位置又会与原先基本相同，因而前一周期内的日、月食又会重新陆续出现。”中国科学院紫金山天文台副研究员成灼解释说。

“这次月全食，是继2000年7月16日以来，也就是11年来，时间最长的一次月全食。在中国境内，食既时间是北京时间16日凌晨3:23时，即月亮开始‘脸红’，生光时间是凌晨5:04时，即结束‘脸红’，食既到生光共有1小时41分钟，时间比较长”。紫金山天文台研究员王思潮说。

PS：Google的设计与开发人员真是创意无限啊。Have Fun！