JS 模拟的 OS X Dock 效果

2014-10-22 16:01:10 +08:00
 shuding
以及一个 Menu bar 和 Finder(Finder 的 CSS 是别人的作品,其余自造)~

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

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

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

我就加了个 drag 效果,有空改改吧 > <
jings
2014-10-22 17:00:04 +08:00
mark 仅仅是喜欢
@shuding 可以自定义不错不错。。。
shuding
2014-10-22 17:00:39 +08:00
@lausius 谢谢,FF 的问题刚刚弄好了 > <
shuding
2014-10-22 17:01:32 +08:00
@jings thx!
Actrace
2014-10-22 17:24:22 +08:00
现在已经10.10了...跟上潮流啊...
lovexisen
2014-10-22 17:25:19 +08:00
谢谢;
可以感受下苹果机
lausius
2014-10-22 17:39:29 +08:00
@shuding ……还有一个,firefox下音量控制显示不是竖向而是横向的。
panxianhai
2014-10-22 18:22:16 +08:00
赞,还有很多可以改进的地方,比如通知中心。
popbones
2014-10-22 18:26:47 +08:00
做这个类直接用Objective J比较好吧
chairuosen
2014-10-22 18:29:49 +08:00
#settings:before{content:"⚙"}
服了。。。我以为css画的呢,那么精细
shuding
2014-10-22 18:30:53 +08:00
@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