css3ps是一款将ps图层转换为css3代码的ps插件，该插件能够适用于photoshop cs3/cs4/cs5/cs6/cc/cc2014/cc2015等多个版本，用户不需要手动查看ps图层特殊的数据来编写css3代码，只需安装好此款css3ps插件，然后选中图层，点击标志，就会在浏览器中显示对应的CSS3代码了，能够大大提升编写代码的效率，是前端开发的有力工具。不过需要注意的是：由于ps版本不一，安装css3ps插件时方法可能不一样，zxp格式的文件，需要使用Adobe Extension Manager来安装，请须知。
软件功能
1、您可以在浏览器中轻松查看转换结果。
2、您可以选择多个图层和一组图层，并在一次点击中进行转换。
3、支持所有流行浏览器的前缀：Safari和Chrome的“-webkit-”，Firefox的“-moz-”，“IE”的“-ms-”和“Opera”的“-o-”。
4、 将层的大小（形状或位图）转换为CSS 宽度和高度属性。
5、如果可以将形状表示为具有圆角的矩形，则计算形状的边框半径; 你可以真正转换很多形状类型。
6、中风-被转换为CSS 边框属性。
7、内阴影-被转换为CSS box-shadow属性。
8、InnerGlow - 被转换为CSS box-shadow属性。
9、外发光-转换为CSS box-shadow属性。
10、DropShadow-被转换成CSS box-shadow属性。
11、文本图层-支持文本图层的 CSS font-family，font-size，font-weight，font-style，text-transform，text-decoration，color和text-shadow属性。
css3ps如何安装？
1、如果Photoshop正在运行要先将其关闭。
2、打开已下载的css3ps插件文件“CSS3Ps.zpx”。
3、在Adobe Extension Manager中点击“接受”按钮。
4、当安装过程完成后，你会看到下面的屏幕，现在可以运行Adobe Photoshop。
5、在Adobe Photoshop检查 “窗口 - >扩展 - > CSS3Ps” 菜单项。
6、恭喜！现在，你可以选择你的图层，并将它们转换为CSS。
注意事项
1、颜色叠加-现在不支持它，但会尽快添加
2、渐变叠加-现在只支持线性渐变，但是我们将尽快添加径向和反射的渐变
3、Pattern-现在不支持，但正在努力
4、Blending-现在只支持正常模式，但将很快添加其他混合模式。
5、Satin-现在不支持
共有 0条评论