山寨了一下 Google Design 炒鸡好看的头部

[zhngnmng]

很久之前就觉得 Google Design 的头部超级漂亮，最近试着照葫芦画瓢搞一个，以后放自己博客上。 Demo 在这里，目前只支持桌面的现代浏览器，还在不断改进中，请菊苣们拍砖。如果感觉好看就拿去随便用，只求给个小星星呀

代码在这里

[bumz]

阴影违和

[zhngnmng]

@bumz 0.0 虽然不懂设计，但是感觉这个阴影是点睛之笔啊…可能审美比较烂

[siknet]

这个。。。基本上是个 bootstrap 的 html5 模板都比这个好看啊

[zhngnmng]

@siknet 0.0

[yoa1q7y]

阴影刺眼睛

[morethansean]

你这个阴影很违和啊……你需要按照 MD 的规范设置阴影……

[yangff]

精确的设计工艺

[yangff]

[siknet]

@zhngnmng 真的。。。 weidea.net ，你去 html5 模板里面看看

[ivmm]

谷歌的 MD 对移动是很友好的，你这个移动浏览器还看不了

而且阴影的确辣眼睛

[DXpro]

大面积的纯色 闪来闪去 抱歉我并不能为你转身 ，要借鉴也要想想在不通终端合适不合适。

[irainsoft]

下面放点东西，阴影就没什么感觉了

[zhngnmng]

@bumz
@yoa1q7y
@ivmm
@morethansean 谢谢几位，我会看下 MD 的相关部分。 Google 这里是用一个 repeat-y 的[背景图片]( https://design.google.com/images/shadow.png)来做的阴影，我当时还想为什么要这么麻烦，结果还是自己太年轻了。


@ivmm 移动端肯定会还会做，确实应该都做好再放上来，是我的问题

[zhngnmng]

@irainsoft 谢谢 也许吧 0.0 但肯定是会有不少人对这种风格没感觉

[zhngnmng]

@yangff 这个是怎么做到的 我缩放了下也没发现

[yangff]

@zhngnmng 不知道，我打开 google 那个页面就这样


Google Chrome 59.0.3036.0 (Official Build) canary (64-bit)
Revision f6104d499c9b96a1309360c378edfb24ad3d0028-refs/heads/master@{#455621}
OS Windows

[zhngnmng]

@yangff 厉害了

[zhngnmng]

@yangff 没准是 win 上的 canary 导致的

[yangff]

@zhngnmng 难说， Luke+天天都是这种问题……

[zrj766]

暂不支持移动端的浏览器。 exm?