This topic created in 4428 days ago, the information mentioned may be changed or developed.
想要学css3，然后受到TjRus的启发（他用css3画了iphone4，地址： http://tjrus.com/iphone/ ），于是决定从画iphone5学起。
捣鼓了好些天终于完工，不算很完美，settings这个icon是最后一个画的，因为一直没想好怎么实现，如果你想到怎么优雅的画出这个图标，请告诉我，谢谢。
Demo在这里：
http://carrisa.github.io/iphone/
捣鼓了好些天终于完工，不算很完美，settings这个icon是最后一个画的，因为一直没想好怎么实现，如果你想到怎么优雅的画出这个图标，请告诉我，谢谢。
Demo在这里：
http://carrisa.github.io/iphone/
 | 1 atan Mar 13, 2014 赞的，细节处理的很到位啊 |
 | 2 serenader Mar 13, 2014 赞楼主的耐心。。。 |
 | 3 markmx Mar 13, 2014 这个叫佩服呀。。 |
 | 4 arbipher Mar 13, 2014 赞一记。 楼主楼主，你的头像也是CSS画的吗？ |
 | 5 wingoo Mar 13, 2014 赞下 |
 | 6 explon Mar 13, 2014 via iPhone 不支持 iPhone 划动.. |
 | 7 mikuazusa Mar 13, 2014 厉害啊，话说有个细节给个建议：IOS7桌面时钟的秒钟转动是近似连续的，而不是像时钟那样给人感觉有一定的停顿所以这里的rotate建议加个线性渐变。 |
| 8 mikuazusa Mar 13, 2014 秒针，打错了... |
 | 9 yinxingren Mar 13, 2014 为啥我感觉HOME键偏左了。。 |
 | 11 joyqi Mar 13, 2014 @yinxingren 是的，最下面一排图标没对齐。不过已经非常赞了 |
 | 12 P233 Mar 13, 2014 |
 | 14 Mihuwa Mar 13, 2014 via iPhone 很赞。 |
 | 15 double OP @yinxingren 眼睛好厉害！我画到后来要崩溃啦。。然后就懒得去算像素应该偏多少，大部分就估计一个值了，太糙了我。。 |
| 17 yinxingren Mar 13, 2014 @double 已经很赞了~~ |
 | 18 Luciush Mar 13, 2014 迫症患者表示，po 主能把iPhone 5s 改一下？大小，中空格。 |
 | 19 beakey Mar 14, 2014 via iPhone 时间分钟是个位数的时候应该是 0x |
 | 20 emric Mar 14, 2014 炒鸡赞, |
 | 21 ceclinux Mar 14, 2014 不得不赞～ |
 | 22 zxy Mar 14, 2014 赞一个！！！ 非常佩服，给办公室同事们看了，让他们都拜服于你！ 不过时钟指针时粗时细...不知道是不是因为我的firefox 27.0.1 |
 | 23 lukic Mar 14, 2014  1 赞。 |
 | 24 SamZeng Mar 14, 2014 1 *很赞！* 耐心已经完胜所有技术了，我也耐心的看了。 Mac OS X 10.9.2, Chrome Version 33.0.1750.149，对照是手上的 IP5, iOS 7.1 * WIFI 那里感觉有点粗 * 电池有点长，且没靠右 * 锁屏时间显示文字有点粗 * slide to unlock 左边的 arrow 与文字有点近，且没与文字对齐 * 听筒有点偏左 * 锁屏最上方没有时间，而是一个下拉的触发 因为 7.1 调整了图标的色，这里就不比对了。 真的很赞！ |
 | 25 Mutoo Mar 14, 2014 好厉害，连飞机都画出来了 |
 | 26 haishan Mar 14, 2014 牛呀 |
 | 27 unnya Mar 14, 2014 HOME键不在正中间 简直是必死强迫症！！！！ |
 | 28 ffts Mar 14, 2014 卧槽，好棒 |
 | 29 arcas Mar 14, 2014 强迫症啊！！ HOME键没居中、电池电量没满！、信号没满格！、、 |
 | 30 yuanyiz Mar 14, 2014 赞一个，滑动解锁那个文字和时钟没有动 |
 | 31 Showfom PRO 楼主我想保养你帮我画个头像 |
 | 32 xoxo Mar 14, 2014 楼主是文艺女青年 |
 | 33 ss098 Mar 14, 2014 楼主的iPhone画的非常赞！ |
 | 34 andybest Mar 14, 2014 楼主你手机的电源键不能用 |
 | 35 wdkwdkwdk Mar 14, 2014 楼主有没有男朋友啊 |
 | 36 favormm Mar 14, 2014 via iPhone 太赞了。 |
 | 37 wuyazi Mar 14, 2014 太神奇了，赞一下 |
| 38 double OP @zxy 这个问题我在画stock的曲线时也发现了，在chrome下也有这个问题。似乎是rotate的表现问题，宽1px的li在rotate到不同角度视觉上的宽度是不同的，google也没找到合理的解释，希望有牛人能给以解答。 |
| 39 double OP @SamZeng 感谢你的耐心^^ bug还是很多啊~ 很多地方没有仔细抠像素，山寨感略重。最后一条是我疏忽啦，文字字体在windows下看应该是Arial，而不是IOS7采用的HelveticaNeue-Light，有些差异 |
 | 42 linuxer Mar 14, 2014 无论在哪里，都有高贵冷艳的强迫症患者。 |
 | 44 soli Mar 14, 2014 赞一个！ |
 | 47 selectSum Mar 14, 2014 牛逼 |
 | 48 PotatoBrother Mar 14, 2014 via iPhone 爪机操作无力…… |
 | 49 jandan Mar 14, 2014 牛人啊 |
 | 50 yangg Mar 14, 2014 14:7 不应该 显示成14:07么？ |
 | 51 lj0014 Mar 14, 2014 赞啊，unlock后不能lock吗 |
 | 53 frye Mar 14, 2014 果然NB |
 | 54 wahyd4 Mar 14, 2014 很fancy啊 |
 | 55 Sdhjt Mar 14, 2014 赞一个！ |
 | 56 freshfish Mar 14, 2014 一个图片都没有，很不错！ |
 | 57 Zkiller Mar 14, 2014 Nice！ |
 | 58 loryyang Mar 14, 2014 非常nice！赞 |
 | 59 along Mar 14, 2014 太佩服了？这是个妹子？好友耐心啊！ |
 | 60 hqman Mar 15, 2014 国际范 |
 | 61 hydyy Mar 15, 2014 不错哦 你现在在哪里工作啊 |
 | 62 zolinbook Mar 15, 2014 赞。 |
 | 63 suprod Mar 16, 2014 年逼闪闪 |
 | 64 xx314327475 Mar 16, 2014 赞一个 |
 | 65 javababy Mar 16, 2014 不可思议! |
 | 66 imskull Mar 16, 2014 css有必要练成这样吗？没必要吧？有必要吗？loop n... |
 | 67 luahou Mar 16, 2014 32个赞。 |
 | 68 dragonszy Mar 17, 2014 仔细看了下iphone，发现clock的指针真的在动额。 |
 | 69 shuson Mar 20, 2014 敢为楼主变弯 |
 | 70 dancingbear Mar 20, 2014 这是怎么画的，有工具吗？ |
| 71 double OP @dancingbear 用CSS码的 |
 | 72 duteng612 Mar 22, 2014 楼主真是很有GEEK精神，佩服中，码了2600+行 |
 | 73 aaronlam Mar 23, 2014 佩服了！楼主，如果要做到像你这样需要学CSS之外还要学什么呢？ |
 | 74 6711411 Mar 24, 2014 给跪了. |
 | 75 win2next Apr 9, 2014 太牛逼了，我怎么这么烂，捶地 |
Select Language