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

V2EX = way to explore

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

For Existing Member Sign In

爱意满满的作品展示区。

This topic created in 2630 days ago, the information mentioned may be changed or developed.

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

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

7 replies • 2019-02-21 04:47:17 +08:00

meszyouh

Feb 13, 2019 via Android

我选择 pxcook

POPOEVER

Feb 13, 2019

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

moxiaonai

Feb 13, 2019 via Android

蓝湖等 web 工具

fenx

Feb 13, 2019

9102 年了怎么还有 psd 设计稿

userdhf

Feb 13, 2019

从网上下载的正版 cc2017，可以在图层-->复制 css 中获取 box-shadow。但是，如果设计使用了正片叠底等手法处理阴影，复制出来的 css 只能是原色，同理其他效果。
以及渐变也能复制出来，但是有时候角度会不准。copy 完了在目测一下。

切图仔敬上。

ye_dj

Feb 20, 2019

@POPOEVER 这个厉害，多层的阴影也是必要的吧

POPOEVER

Feb 21, 2019

@ye_dj 我都是直接写，不管要几层，这难道不是基本功么？