用 css 画了个 iPhone 5s

[double]

想要学css3，然后受到TjRus的启发（他用css3画了iphone4，地址： http://tjrus.com/iphone/ ），于是决定从画iphone5学起。

捣鼓了好些天终于完工，不算很完美，settings这个icon是最后一个画的，因为一直没想好怎么实现，如果你想到怎么优雅的画出这个图标，请告诉我，谢谢。

Demo在这里：
http://carrisa.github.io/iphone/

[ceclinux]

不得不赞～

[zxy]

赞一个！！！
非常佩服，给办公室同事们看了，让他们都拜服于你！
不过时钟指针时粗时细...不知道是不是因为我的firefox 27.0.1

[lukic]

赞。

[SamZeng]

*很赞！* 耐心已经完胜所有技术了，我也耐心的看了。

Mac OS X 10.9.2, Chrome Version 33.0.1750.149，对照是手上的 IP5, iOS 7.1

* WIFI 那里感觉有点粗
* 电池有点长，且没靠右
* 锁屏时间显示文字有点粗
* slide to unlock 左边的 arrow 与文字有点近，且没与文字对齐
* 听筒有点偏左
* 锁屏最上方没有时间，而是一个下拉的触发

因为 7.1 调整了图标的色，这里就不比对了。

真的很赞！

[Mutoo]

好厉害，连飞机都画出来了

[haishan]

牛呀

[unnya]

HOME键不在正中间
简直是必死强迫症！！！！

[ffts]

卧槽，好棒

[arcas]

强迫症啊！！ HOME键没居中、电池电量没满！、信号没满格！、、

[yuanyiz]

赞一个，滑动解锁那个文字和时钟没有动

[Showfom]

楼主我想保养你帮我画个头像

[xoxo]

楼主是文艺女青年

[ss098]

楼主的iPhone画的非常赞！

[andybest]

楼主你手机的电源键不能用

[wdkwdkwdk]

楼主有没有男朋友啊

[favormm]

太赞了。

[wuyazi]

太神奇了，赞一下

[double]

@zxy 这个问题我在画stock的曲线时也发现了，在chrome下也有这个问题。似乎是rotate的表现问题，宽1px的li在rotate到不同角度视觉上的宽度是不同的，google也没找到合理的解释，希望有牛人能给以解答。

[double]

@SamZeng 感谢你的耐心^^
bug还是很多啊~
很多地方没有仔细抠像素，山寨感略重。最后一条是我疏忽啦，文字字体在windows下看应该是Arial，而不是IOS7采用的HelveticaNeue-Light，有些差异

[double]

@arcas 所以你被逼死了么……