将 Photoshop 投影转换为 CSS3 的 box-shadow

2019-02-12 23:20:24 +08:00
 mezw
rt, 因为目前接到来自设计师的都是 psd 文件,自己也安装过 sketch 想尝试,不过始终不太习惯。
并且新版的 Photoshop 貌似是有更强大的类似功能或插件的。

地址: https://psd2css.mezw.com/
2923 次点击
所在节点    分享创造
7 条回复
meszyouh
2019-02-13 02:39:25 +08:00
我选择 pxcook
POPOEVER
2019-02-13 06:08:40 +08:00
不需要工具吧,看几眼然后直接写
moxiaonai
2019-02-13 10:11:44 +08:00
蓝湖等 web 工具
fenx
2019-02-13 16:37:53 +08:00
9102 年了怎么还有 psd 设计稿
userdhf
2019-02-13 18:06:09 +08:00
从网上下载的正版 cc2017,可以在图层-->复制 css 中获取 box-shadow。但是,如果设计使用了正片叠底等手法处理阴影,复制出来的 css 只能是原色,同理其他效果。
以及渐变也能复制出来,但是有时候角度会不准。copy 完了在目测一下。

切图仔敬上。
ye_dj
2019-02-20 17:20:18 +08:00
@POPOEVER 这个厉害,多层的阴影也是必要的吧
POPOEVER
2019-02-21 04:47:17 +08:00
@ye_dj 我都是直接写,不管要几层,这难道不是基本功么?

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

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

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

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

© 2021 V2EX