每天一枚 CSS3 OS X 图标！

爱意满满的作品展示区。

This topic created in 4387 days ago, the information mentioned may be changed or developed.

今天用CSS3写了个OS X和iOS的图标，计划每天一枚把OSX Yosemite的图标都写出来玩一下。
https://github.com/lvwzhen/apple-icon

Supplement 1 · Jun 4, 2014

* [OS X 10.10](https://lvwzhen.github.io/apple-icon)
* [iOS 8](https://lvwzhen.github.io/apple-icon/ios8.html)
* [Spotlight](https://lvwzhen.github.io/apple-icon/spotlight.html)

Supplement 2 · Jun 6, 2014

iMessages https://lvwzhen.github.io/apple-icon/imessages.html

Supplement 3 · Jun 6, 2014

Mail https://lvwzhen.github.io/apple-icon/mail.html

Supplement 4 · Jun 8, 2014

iPhoto https://lvwzhen.github.io/apple-icon/iphoto.html

Supplement 5 · Jun 27, 2014

SMS https://lvwzhen.github.io/apple-icon/sms.html

图标

计划

枚

15 replies • 2014-06-07 10:38:45 +08:00

zungmou

Jun 4, 2014

Firefox 29.0 Ubuntu 看不到你的效果...

dahuang7

Jun 4, 2014

那个iOS8的图标里面数字8粗了一倍。

lvwzhen

Jun 4, 2014 via Android

@zungmou 你用chrome试一下，没有测试过Firefox，有些特性可能不支持，等会补起来。

lvwzhen

Jun 4, 2014 via Android

@dahuang7 fontface字体没加载，可能是github服务器太慢的原因。

lingyired

Jun 4, 2014

本来想看中间那个 X 是怎么实现的，原来如此。。。那还不如整个 logo 用图片？

lvwzhen

Jun 4, 2014 via Android

@lingyired 昨天没想出好方法，偷了个懒，嘿嘿

lingyired

Jun 4, 2014

@lvwzhen 我也没想到解决方案 - -

lvwzhen

Jun 4, 2014

@zungmou 已经添加了各种浏览器前缀的支持，你看看行不行。

zungmou

Jun 4, 2014

@lvwzhen 还是没用，我在你的 GitHub 上添加了一个 Issue

lvwzhen

Jun 4, 2014

@zungmou 好的，谢谢反馈

mtmzorro

Jun 4, 2014

。好想法。。已经 star支持。。

touzi

PRO

Jun 5, 2014

不错...

ptyfork

Jun 6, 2014

看起来不错，先star上

lepture

Jun 6, 2014

Cool

luahou

Jun 7, 2014

统一下图标大小吧。忽大忽小的。