Heluyao的博客 {11gz.com}

22日，为纪念“吃豆人”游戏30周年，google的首页的logo变了个脸，之后还专门保留了这个页面。有空可以来玩玩！

http://www.google.com/pacman/

此举乃谷歌第一次将LOGO变为网友可互动的动画图像。创，意，啊～

预览效果：demo

上图，可不是用画图软件制作的，而是浏览器生成。惊讶吧！css3的威力，巧妙的运用了圆角边框，阴影，背景渐变…等css3新特性。赞叹之余，我也亲自的动手制作了一下，就当学习一下了。以前了解过css3，但没动手写过，发觉有些属性还真是不好记，要区分三类浏览器(Gecko 、Presto、WebKit)，就越发的麻烦了。

其中不少地方的写法很新颖，充分的利用了伪类(before和after)，伪类配合绝对定位，双倍边框、椭圆、三角形等写法也很受教，真真切切体会到了css3的强大，希望css3时代早日到来。

原文地址：Pure CSS social media icons

推荐阅读：pure CSS speech bubbles

有肉感的Google Logo！不用多说，看图！

图片来自互联网