JS 模拟的 OS X Dock 效果

2014 年 10 月 22 日
 shuding
以及一个 Menu bar 和 Finder(Finder 的 CSS 是别人的作品,其余自造)~

半年前写的,欢迎围观 / 拍砖~

http://shud.in/cssosx/
5431 次点击
所在节点    分享创造
33 条回复
ozking
2014 年 10 月 22 日
也蛮拼的
cougar
2014 年 10 月 22 日
还以为那个文件夹可以点的,。。。。
ariestiger
2014 年 10 月 22 日
哈哈,Finder左上角的前进后退没有对齐
kokdemo
2014 年 10 月 22 日
我这里在左下角有个bug
yangg
2014 年 10 月 22 日
Dock里鼠标移到Finder图标上时,可以明显的看到App Store等图标的锯齿(应该是,反正不是好效果),是加了什么效果呢?
shuding
2014 年 10 月 22 日
@yangg 我感觉是 Chrome 渲染的原因,当图标缩小后也有些锯齿,但是等待一秒左右就正常了……
likid
2014 年 10 月 22 日
Finder icon 没有高亮的点。Dock 上没有 icon 镜像
shuding
2014 年 10 月 22 日
@kokdemo 咦,是在 Chrome 下么 0 0
lausius
2014 年 10 月 22 日
貌似firefox下没有显示居中,但是在chrome下图标有明显锯齿,firefox下没有。
shuding
2014 年 10 月 22 日
@ariestiger
@cougar

Finder 来自这儿: http://codepen.io/paddykontschak/pen/JALeB

我就加了个 drag 效果,有空改改吧 > <
jings
2014 年 10 月 22 日
mark 仅仅是喜欢
@shuding 可以自定义不错不错。。。
shuding
2014 年 10 月 22 日
@lausius 谢谢,FF 的问题刚刚弄好了 > <
shuding
2014 年 10 月 22 日
@jings thx!
Actrace
2014 年 10 月 22 日
现在已经10.10了...跟上潮流啊...
lovexisen
2014 年 10 月 22 日
谢谢;
可以感受下苹果机
lausius
2014 年 10 月 22 日
@shuding ……还有一个,firefox下音量控制显示不是竖向而是横向的。
panxianhai
2014 年 10 月 22 日
赞,还有很多可以改进的地方,比如通知中心。
popbones
2014 年 10 月 22 日
做这个类直接用Objective J比较好吧
chairuosen
2014 年 10 月 22 日
#settings:before{content:"⚙"}
服了。。。我以为css画的呢,那么精细
shuding
2014 年 10 月 22 日
@popbones 第一次听说 Objective-J……受教了!我去看看。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/140773

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX