用 css 画了个 iPhone 5s

[double]

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

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

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

[atan]

赞的，细节处理的很到位啊

[serenader]

赞楼主的耐心。。。

[markmx]

这个叫佩服呀。。

[arbipher]

赞一记。
楼主楼主，你的头像也是CSS画的吗？

[wingoo]

赞下

[explon]

不支持 iPhone 划动..

[mikuazusa]

厉害啊，话说有个细节给个建议：IOS7桌面时钟的秒钟转动是近似连续的，而不是像时钟那样给人感觉有一定的停顿，所以这里的rotate建议加个线性渐变。

[mikuazusa]

秒针，打错了...

[yinxingren]

为啥我感觉HOME键偏左了。。

[double]

@explon 对的，偷懒没有响应移动端的划动……

[joyqi]

@yinxingren 是的，最下面一排图标没对齐。不过已经非常赞了

[P233]

建议楼主发到 Codepen，太有耐心了！

跟个 iOS7 动画 http://codepen.io/P233/pen/Gluka


@yinxingren 应该是偏左了一点点

[double]

@mikuazusa 观察很仔细诶！我做完也发现了，也是一个待改的细节，谢谢建议^^

[Mihuwa]

很赞。

[double]

@yinxingren 眼睛好厉害！我画到后来要崩溃啦。。然后就懒得去算像素应该偏多少，大部分就估计一个值了，太糙了我。。

[double]

@P233 赞动画^^

[yinxingren]

@double 已经很赞了~~

[Luciush]

強迫症患者表示，po 主能把iPhone 5s 改一下嗎？大小寫，中間空格。

[beakey]

时间分钟是个位数的时候应该是 0x

[emric]

炒鸡赞,