PS插件之CSS3Ps将PSD图层效果转换成css代码

插件下载官网地址：http://css3ps.com/

Photoshop CS5以上版本安装方法

如果Photoshop在运行，那么请关闭
打开”CSS3Ps.zpx”文件
点击”Accept” button.

安装完后如下图. 然后就可以运行Photoshop了.

在Photoshop中点击”Window（窗口） -> Extensions（扩展） -> CSS3Ps” .

恭喜！现在你能选择你的层然后把他们转化成CSS了

在Photoshop CS3 and CS4则使用script （脚本）方式

选择你想要转化的层

依次选择 “File（文件） -> Scripts（脚本） -> Browse（浏览）…” menu item

选取”CSS3Ps.jsx” 文件

脚本将会运行，然后会打开一个附带转化结果的浏览器窗口

PS:此插件能够识别成CSS3的图层是有限制的。

例如，渐变CSS3似乎只能使用图层样式的渐变才能识别，投影、描边等都尽量使用fx图层样式。
所以有条件的话，在设计师设计之前，跟设计师打个招呼，尽量保留图层，保留路径，保留参数，尽量使用图层样式，这样会方便些。