这是一个PS插件

官网地址：http://css3ps.com/

下载

下载适用于Adobe Photoshop CC 2014
下载适用于Adobe Photoshop CS5, CS6 and CC
下载适用于Adobe Photoshop CS3 and CS4

Photoshop CS5, CS6 and CC的安装方法

1. 如果Photoshop在运行，那么请关闭
2. 打开”CSS3Ps.zpx”文件
3. 点击”Accept” button.
   
4. 安装完后如下图. 然后就可以运行Photoshop了.
   
5. 在Photoshop中点击”Window（窗口） -> Extensions（扩展） -> CSS3Ps” .
   
   
6. 恭喜！现在你能选择你的层然后把他们转化成CSS了

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

1. 选择你想要转化的层
   
2. 依次选择 “File（文件） -> Scripts（脚本） -> Browse（浏览）…” menu item
   
3. 选取”CSS3Ps.jsx” 文件
   
4. 脚本将会运行，然后会打开一个附带转化结果的浏览器窗口
   

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