`
gonnsai
  • 浏览: 8522 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Google月全食Doodle效果实现

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

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

看下演示效果:Google月全食Doodle效果实现
分享到:
评论
5 楼 steafler 2011-06-21  
百度永远望尘莫及
4 楼 lxs647 2011-06-20  
而且还可以键盘操作的、、、
3 楼 yhjhoo 2011-06-20  
怎么下载啊?
2 楼 llfzy 2011-06-20  
哎。。google牛啊
1 楼 arong 2011-06-20  
有创意,谷哥就是谷哥。

相关推荐

    Google粘土动画Doodle代码

    通过这些文件,我们可以了解到Google粘土动画Doodle是如何在网页上实现的。开发者可能使用了HTML5的Canvas元素来绘制动画,通过JavaScript控制动画的帧率和过渡效果,同时利用CSS进行样式设定和页面布局。用户可以...

    2011google圣诞节doodle源码

    3. **JavaScript 交互**:JavaScript代码负责实现Doodle的动态行为,如按钮点击响应、动画播放控制以及可能的时间触发事件,例如模拟雪花飘落或圣诞灯闪烁等效果。 4. **事件处理**:源码中可能包含了大量的事件...

    Google创意动画Doodle代码.zip

    【Google创意动画Doodle代码】是一个集合了JavaScript特效与图片相册展示的项目,它展示了谷歌如何用富有创意的方式庆祝特殊事件或纪念日。在这个压缩包中,我们有以下几个关键文件: 1. **说明.htm**:这个文件...

    Google粘土动画Doodle代码.zip

    在本文中,我们将深入探讨Google粘土动画Doodle背后的技术实现,主要关注前端开发中的CSS、JavaScript、jQuery以及HTML5等关键元素。Google Doodles是Google首页上的特色标志,通常为了纪念重要人物、事件或节日而...

    js实现的好玩的Google粘土动画Doodle代码,点击彩色的小球看看效果吧

    js实现的好玩的Google粘土动画Doodle代码,点击彩色的小球看看效果吧

    Doodle Jump 源代码

    Doodle Jump 源代码,需要的请下载,Doodle Jump 是 app store排名前20的游戏,与之前发放的tiny wings一样,有需要参考的下载吧,放出两个链接: Doodle Jump: ...

    Google首页电吉他Doodle源码

    标题 "Google首页电吉他Doodle源码" 涉及的是Google在其首页上展示的一款特别设计的互动式电吉他动画,通常称为"Doodle"。Doodles是Google为了纪念重要人物、事件或节日而制作的创意搜索logo。在这个特定的Doodle中...

    Doodle Jump源代码

    Doodle Jump的角色——小涂鸦的运动逻辑是通过碰撞检测和物理引擎实现的。源代码可能包含了一系列的函数,用于计算小涂鸦的跳跃高度、速度以及与平台的交互。这些函数体现了C++的数学运算能力和面向对象设计,如定义...

    Doodle

    【Doodle】是一种独特的字体设计风格,它通常包含手绘、涂鸦或卡通元素,为文本增添了一种轻松、随性和创意的视觉效果。在IT领域,Doodle字体被广泛应用于各种图形设计、网站设计、应用程序界面(UI)以及数字营销...

    Google圣诞logo效果

    关于“google圣诞js”,这可能意味着Doodle中包含了一些JavaScript代码来实现动态的圣诞效果,例如动画、声音效果或者互动游戏。JavaScript允许开发者在用户浏览网页时执行代码,因此它可以用来创建复杂的交互体验,...

    google首页的动画效果

    标题中的“google首页的动画效果”指的是Google搜索引擎首页上的Doodle(涂鸦)动画,这是一种交互式的、富有创意的设计元素,通常用来纪念重要的日子、人物或事件。这些动画不仅仅是静态的图片,而是通过JavaScript...

    js写的doodle-library

    通过JavaScript,我们可以操纵Canvas元素,绘制直线、曲线、图形、文字等,甚至可以实现复杂的动画效果。在“doodle-library.js”中,开发者就实现了这样的功能,允许用户通过鼠标或触控设备在Canvas上自由地进行...

    简单模拟Google感恩节的大公鸡Doodle

    【标题】"简单模拟Google感恩节的大公鸡Doodle"是一个关于编程的实践项目,旨在重现Google在其感恩节特别版首页Doodle中的大公鸡动画效果。这个项目可以帮助开发者了解和学习如何用代码来实现动态图形,特别是对于...

    google-doodle:我的Google Doodle

    我的主题Google Doodle关于您的Google Doodle的50多个字词。我正在制作一个带有熊猫的Google Doodle。我还没有为Google Doodle制定最终的计划。它可能是lofi学习图像的仿冒品,也可能是动画熊猫,有一定几率出现白化...

    Google首页电吉他Doodle源代码

    为了纪念电吉他之父莱斯·保罗(Les Paul,1915年6月9日-2009年8月13日)诞辰96周年,Google Doodle又出神作,首页的Logo被设计成一个电吉他形,并且鼠标滑过会弹出美妙的音乐,当你按下键盘图标时,还可以直接用...

    js特效脚本含源码和说明Google粘土动画Doodle代码

    js特效脚本含源码和说明Google粘土动画Doodle代码本资源系百度网盘分享地址

    js特效脚本含源码和说明Google创意动画Doodle代码

    js特效脚本含源码和说明Google创意动画Doodle代码本资源系百度网盘分享地址

    基于css-doodle.js螺旋动画特效.zip

    "基于css-doodle.js螺旋动画特效.zip" 这个标题指出我们要讨论的是一个使用了css-doodle.js库来实现的特殊动画效果,具体是螺旋形状的旋转动画。css-doodle.js是一个强大的JavaScript库,它允许开发者利用CSS进行更...

Global site tag (gtag.js) - Google Analytics