将Photoshop图层特效自动生成css3代码_前端技术_日志_DTOP

将Photoshop图层特效自动生成css3代码

来源：本站原创发布时间：2012-09-24 23:24:54 浏览次数：次【字体：小大】

css3ps插件，免费PS图象处理软件插件，将ps图层转换成CSS3样式代码

下载：

用于Adobe Photoshop CS5 和 CS6

CSS3Ps.zxp

用于Adobe Photoshop CS3 和 CS4

CSS3Ps.jsx

安装css3ps插件：

1、双击打开下载好的css3ps.zxp安装，点击接受

2、安装成功，我们就可以在photoshop下的"窗口->扩展功能->css3ps"找到插件了

3、演示：建立demo画布，建立三个按钮，图层按钮依此命名为btn1,btn2,btn3，图层名称为class名，选择三个按钮的图层，然后点击css3ps按钮即可云生成：

4、生成后的效果：

5、在Photoshop CS3 和 CS4下可以直接运行css3ps脚本即可：