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