HTML5、CSS3已经越来越成熟，特别是在排版绘图等方面有了很大的改进虽然现在各家的浏览器引擎解析出来的还并不算专业，但是一些像内阴影、内发光、阴影、外发光、图片圆角等效果都支持的非常不错。而写程序的码农们则欢呼了，再也不需要用PS去处理图片直接使用css进行各种绘图。
CSS3PS是一个免费的基于云端的 photoshop 插件，用来将 Photoshop 的图层转成用 CSS3 实现的方式，外观完全一致。
您可以选择多个图层和图层组，一键转换。行程转换为CSS边框属性。内阴影，内发光，阴影，外发光转换成CSS的box- shadow属性。
CSS3PS怎么用？
CSS3Ps支持Photoshop CS3-cs6这四个版本，它的使用方法非常的简单，在CS3与CS4中选中你要转换的图层，通过菜单“文件”>“脚本”>“浏览”选中下载好的CSS3Ps插件即可完成转换，在CS5与CS6中使用CSS3Ps要首先在”Adobe 扩展管理“里安装插件，最后在Photoshop的“窗口“>”扩展“中选中”CSS3Ps“，以下是通过CSS3Ps转换出来的代码效果图。
安装详细教程：
针对photoshop cs5和CS6版本的安装过程（来至官方教程）：
1.如果Adobe Photoshop的运行，将其关闭。
2.下载“CSS3Ps.zpx”文件。
3.在Adobe Extension Manager中点击“Accept”按钮。