Photoshop效果转CSS3小插件 - 图层自动转CSS效果 CSS3PS

近日，用到一些 CSS3 的属性制作其效果。

一直用这个网站在线生成css3的按钮（button），http://www.bestcssbuttongenerator.com/

又发现了一个PS的插件，如下：

Photoshop效果 转CSS3 小插件：

个人使用体验：1、生成的效果和PS效果非常接近，也许比自己写的逼真 2、代码较为简洁基本能直接使用       3、图层效果合并越少生成出的效果越好         4、精简版PS也能直接使用

使用方法：

1、  打开PS（各版本应该都可以），打开需求的PSD文件，选择需要转换的图层（组）

2、  选择PS菜单   文件-〉脚本-〉浏览

选择 下载 的CSS3Ps.jsx小插件文件（见附件）

[CSS3.jsx低版本PS使用的，不过各版本都有效，为避免安装繁琐的adobe插件管   理软件，及原版PS，我建议各版本的PS都直接使用该脚本]

3、  这时候PS会自动扫描一遍这个组并打开你的浏览器，稍等片刻，浏览器中就可以看到其转换后的CSS 代码 了,按每个图层分开展示的（单个画的图标是无法转换的，重点是混合效果里的东西还原）。

4、  可以看到  转换后的 圆角、阴影、渐变 效果非常逼真

官网：http://css3.ps/

备注：正常的说 PS 5以上应该使用 adobe manage 并要求原版PS才能使用该插件，不过这里使用的是低版本PS所用的脚本文件，非正版P    S也能直接用而且不用装Adobe Extension Manager ,有兴趣的也可以去官网了解一下。

有兴趣的还可以看一下PPT介绍：http://www.ued100.com/demos/css3ps_ppt/