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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2102 天前的主题，其中的信息可能已经有所发展或是发生改变。

rt，因为目前接到来自设计师的都是 psd 文件，自己也安装过 sketch 想尝试，不过始终不太习惯。
并且新版的 Photoshop 貌似是有更强大的类似功能或插件的。

地址： https://psd2css.mezw.com/

7 条回复 • 2019-02-21 04:47:17 +08:00

meszyouh

2019-02-13 02:39:25 +08:00 via Android

我选择 pxcook

POPOEVER

2019-02-13 06:08:40 +08:00

不需要工具吧，看几眼然后直接写

moxiaonai

2019-02-13 10:11:44 +08:00 via Android

蓝湖等 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 我都是直接写，不管要几层，这难道不是基本功么？