css3ps

css3ps是一款能够将Photoshop图层转化为CSS3代码的辅助扩展插件。兼容Photoshop多个发行版本，无需逐项查阅PS图层具体参数来手动编写CSS3代码，成功安装扩展组件，随后选取目标图层，点击功能图标，即可在浏览器界面找到相应的CSS3样式代码，提升前端代码编写效率，是网页开发过程中的实用辅助工具。有需要的朋友赶快下载使用吧!

css3ps如何安装?

1、如果Photoshop正在运行要先将其关闭。

2、打开已下载的css3ps插件文件“CSS3Ps.zpx”。

3、在Adobe Extension Manager中点击“接受”按钮。

4、当安装过程完成后，你会看到下面的屏幕，现在可以运行Adobe Photoshop。

5、在Adobe Photoshop检查 “窗口 - >扩展 - > CSS3Ps” 菜单项。

6、恭喜!现在，你可以选择你的图层，并将它们转换为CSS。

css3ps软件功能​

1、浏览器查看转换结果​

您可在浏览器中轻松查看转换结果，无需额外工具辅助。​

2、批量图层转换操作​

可选择多个图层或图层组，一键完成转换，提升操作效率。​

3、主流浏览器前缀支持​

支持所有主流浏览器前缀：Safari 与 Chrome 的 “-webkit-”、Firefox 的 “-moz-”、IE 的 “-ms-” 及 Opera 的 “-o-”，适配多浏览器环境。​

4、图层大小转 CSS 属性​

可将图层大小(含形状或位图)转换为 CSS 宽度与高度属性，实现设计与代码属性对应。​

5、形状边框半径计算​

若形状可表示为带圆角的矩形，会自动计算形状的边框半径;支持多种形状类型的转换，适用场景广泛。​

6、描边转 CSS 属性​

描边 - 转换为 CSS 边框属性，还原设计中的轮廓效果。​

7、内阴影转 CSS 属性​

内阴影 - 转换为 CSS box-shadow 属性，保留设计中的阴影细节。​

8、InnerGlow(内发光)转 CSS 属性​

InnerGlow(内发光) - 转换为 CSS box-shadow 属性，实现设计中的内发光效果。​

9、外发光转 CSS 属性​

外发光 - 转换为 CSS box-shadow 属性，还原设计中的外发光样式。​

10、DropShadow(投影)转 CSS 属性​

DropShadow(投影) - 转换为 CSS box-shadow 属性，匹配设计中的投影效果。​

11、文本图层 CSS 属性支持​

文本图层 - 支持为文本图层配置 CSS font-family、font-size、font-weight、font-style、text-transform、text-decoration、color 及 text-shadow 属性，全面覆盖文本样式需求。​

css3ps注意事项​

1、颜色叠加 - 目前暂不支持，后续将尽快补充该功能。​

2、渐变叠加 - 目前仅支持线性渐变，后续将尽快添加径向与反射渐变功能。​

3、Pattern(图案叠加) - 目前暂不支持，相关功能正在开发中。​

4、Blending(混合模式) - 目前仅支持正常模式，后续将尽快添加其他混合模式。​

5、Satin(缎面效果) - 目前暂不支持。​